js代码

不能正常引用jQuery-2.2.4.min.js所以代码没生效 jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 官网: 点击 中文文档: 点击 书写规范 <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> //代码不能写在引用文件这个容器里 <script> $somecode //$符号就表示jQuery jQuery.somecode //等同 </script> PS:由于编辑器的JS编码问题中文在js编码过程中没有使用utf-8.显示乱码.实际代码和注释源码有区别 选择器和筛选器 类似JS有#id(id选择器),element(元素选择器即标签),class(class选择器),组合选择器(selector多种选择器组合),层级选择器,*(选择全部)... 基本选择器 在js基础上稍微修改了一下,是用#代表id, .class代表class,标签直接使用标签名 PS:id选择器,使用任何的元字符（如 !"#$%&'()*+,./:;<=>?@[]^`{|}~）作为名称的文本部分，

我们平时用eclipse开发jsp页面时智能提示效果不太理想，今天用了两个小时发现了eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/CSS代码，使用eclipse自带的插件，无需另外安装插件，具体步骤如下 1.打开eclipse→Windows→Preferences→ Java →Editor→Content Assist 修改Auto Activation triggers for java的值为：zjava 点击apply按钮 如图： 2.继续打开 JavaScript →Editor→Content Assist 修改Auto Activation triggers for javaScript的值为：zjs 点击apply按钮 如图： 3.继续打开web→html Files→Editor→Content Assist 修改Prompt when these characters are inserted:的值为：zhtml 点击apply按钮 如图： 4.打开File→Export→Genral→Preferences→导出一文件到任意位置，然后用记事本打开此文件 ，Ctrl+F查找 zjava 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW 再查找 zjs

代码如下: <script> /* alin */ /* Email:caoailin111@sohu.com */ /* QQ:38062022 */ /* Creation date: 2004-6-13 */ var myC_x,myC_y; var myC_timeset=null,myC_timeset1=null; var divObj=null; var inputName; function myCalendar() //构建对象 { var myDate = new Date(); this.year = myDate.getFullYear(); this.month = myDate.getMonth()+1; this.date = myDate.getDate(); this.format="yyyy-mm-dd"; this.style = myStyle(1);　 this.show = createCalendar; this.input = createInput; } function myStyle(num) //设置样式 { if(!num||isNaN(num)){alert('参数不对,采用默认样式！');num=1;} 　var style = new Array(); style[1]=".week{background-color:

某厂面试归来，发现自己落伍了！>>> 简单说明 1.easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。 2.easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。 3.使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。 4.easyui是个完美支持HTML5网页的完整框架。 5.easyui节省您网页开发的时间和规模。 6.easyui很简单但功能强大的。 EasyUI的下载 官网地址： http://www.jeasyui.com/download/v19.php 点击下载（免费即可）： EasyUI的测试（在这为大家总结了7种EasyUI的使用方法，还有5种在明天将会推出） 拖拽功能/进度条/菜单按钮/各种按钮（增删改查等等）/弹出框/创建表格/树形结构 * EasyUI的执行需要依赖jQuery 故JS引入; <!--引入jquery的js，EasyUI的执行需要依赖于jQuery --> <script type="text/javascript" src="/js/jquery-easyui-1.4.1/jquery.min.js"></script> <!--easyUI的js主文件 --> <script type="text/javascript" src=

1. 如何创建嵌套的过滤器： // 允许你减少集合中的匹配元素的过滤器， // 只剩下那些与给定的选择器匹配的部分。在这种情况下， // 查询删除了任何没（ :not ）有（ :has ） // 包含 class 为“ selected ”（ .selected ）的子节点。 .filter(":not(:has(.selected))") 2. 如何重用元素搜索 var allItems = $("div.item"); var keepList = $("div#container1 div.item"); // 现在你可以继续使用这些 jQuery 对象来工作了。例如， // 基于复选框裁剪“ keep list ”，复选框的名称 // 符合 < DIV >class names: $(formToLookAt + " input:checked").each(function() { keepList = keepList.filter("." + $(this).attr("name")); }); < /DIV> 3. 任何使用 has() 来检查某个元素是否包含某个类或是元素： //jQuery 1.4.* 包含了对这一 has 方法的支持。该方法找出 // 某个元素是否包含了其他另一个元素类或是其他任何的 // 你正在查找并要在其之上进行操作的东东。 $(

前言 最近很久没有写文章，不忙也忙的生活节奏，博客相关的东西也没法做成文章来详细讲，最多就是SEO相关，倒也没多少人会真正用到，所以过了一段时间，就目前开发完的学院实训系统web网页项目做个回顾，整个团队就我一个前端开发，所以我负责了需求分析、原型设计、UI/UE设计等工作。团队其他成员和老师都是负责java web后台。个人从用框架开发浅谈对框架开发的效率和效果的意义。 前端页面开发框架 常见web页面框架 web页面开发的框架，可能常用并且熟悉也就那几个. 页面布局框架： Bootstrap 、 Materialize JS框架： Jquery 一眼看过去似乎有点少哦，其实开发web网站只要需求不是特别多的，基本就够了，有些甚至JS都用的少。 开发中 前台页面开发最简单，因为需求的不多，其实如果复杂了，也就会多用到H5和CSS3的一些东西外加JS和Ajax。 框架浅谈 Bootstrap 这个框架确实厉害，我也不多介绍了。就跟它的宣传语一样。 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。所有开发者、所有应用场景而设计。 Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。 确实目前很多网页都用了这个框架，确实为开发省力不少

这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异. 常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了. 1. Beautify Javascript js 文件在上线前一般都会压缩下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Scripts 面板下面有个 Pretty print 按钮(这种符号 {}), 点击会将压缩 js 文件格式化缩进规整的文件, 这时候在设定断点可读性就大大提高了. 2. 查看元素绑定了哪些事件 在 Elements 面板, 选中一个元素, 然后在右侧的 Event Listeners 下面会按类型出这个元素相关的事件, 也就是在事件捕获和冒泡阶段会经过的这个节点的事件. 在 Event Listeners 右侧下拉按钮中可以选择 Selected Node Only 只列出这个节点上的事件 展开事件后会显示出这个事件是在哪个文件中绑定的, 点击文件名会直接跳到绑定事件处理函数所在行, 如果 js

　　这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异. 　　常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了. 1. Beautify Javascript 　　js 文件在上线前一般都会压缩下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Scripts 面板下面有个 Pretty print 按钮(这种符号 {}), 点击会将压缩 js 文件格式化缩进规整的文件, 这时候在设定断点可读性就大大提高了. 2. 查看元素绑定了哪些事件 　　在 Elements 面板, 选中一个元素, 然后在右侧的 Event Listeners 下面会按类型出这个元素相关的事件, 也就是在事件捕获和冒泡阶段会经过的这个节点的事件.在 Event Listeners 右侧下拉按钮中可以选择 Selected Node Only 只列出这个节点上的事件，展开事件后会显示出这个事件是在哪个文件中绑定的, 点击文件名会直接跳到绑定事件处理函数所在行, 如果

　　这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异. 　　常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了. 1. Beautify Javascript 　　js 文件在上线前一般都会压缩下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Scripts 面板下面有个 Pretty print 按钮(这种符号 {}), 点击会将压缩 js 文件格式化缩进规整的文件, 这时候在设定断点可读性就大大提高了. 2. 查看元素绑定了哪些事件 　　在 Elements 面板, 选中一个元素, 然后在右侧的 Event Listeners 下面会按类型出这个元素相关的事件, 也就是在事件捕获和冒泡阶段会经过的这个节点的事件.在 Event Listeners 右侧下拉按钮中可以选择 Selected Node Only 只列出这个节点上的事件，展开事件后会显示出这个事件是在哪个文件中绑定的, 点击文件名会直接跳到绑定事件处理函数所在行, 如果

基本介绍 $(obj).width()与 $(obj).height() $(obj).width()与 $(obj).height() ：jquery方式获取元素的宽高，不包括滚动条与工具条 $(obj).width() = width $(obj).height() = height $(window).width() 与 $(window).height() ：获得的是屏幕可视区域的宽高，不包括滚动条与工具条。 $(window).width() = width + padding $(window).height() = height + padding document.documentElement.clientWidth与document.documentElement.clientHeight document.documentElement.clientWidth 与 document.documentElement.clientHeight ： 获得的是屏幕可视区域的宽高，不包括滚动条与工具条，跟jquery的(window).width()与(window).height()获得的结果是一样的。 document.documentElement.clientWidth = width + padding document.documentElement