在twitter上发现了这篇文章, 简单的摘译了一下:总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $(window).load 压缩js 全面掌握jquery库 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. 代码如下: 像这样选择按钮是低效的: 代码如下: var traffic_butto...
本文为大家整理一篇很详尽的jQuery常见开发技巧文章，供大家参考，具体内容如下 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jque...
名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的验证规则rules("add",rules)返回:Options增加验证规则rules("remove",rules)返回:Options删除验证规则removeAttrs(attributes)返回:Options删除特殊属性并且返回他们Custom selectors:blank返回:Validator没有值的筛选器:filled返回:Array 有值的筛选器:unchecked返回:Array 没选择的元素的筛选器...
2.测试jQuery包装集是否包含某些元素 如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在： 代码如下: if($(selector)[0]){...} // 或者这样 if($(selector).length){...} 来看看这个例子： 代码如下: //例子.如果你的页面有以下html代码 Item X Item Y Item Z ... //这个if条件将返回true，因为我们有两个 // input域匹配了选择器，所以代码将会执行 if($(#shopping_cart_ite...
本文为大家整理一篇很详尽的jQuery常见开发技巧文章，供大家参考，具体内容如下 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jque...
2.测试jQuery包装集是否包含某些元素 如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在： 代码如下:if($(selector)[0]){...} // 或者这样 if($(selector).length){...} 来看看这个例子： 代码如下://例子.如果你的页面有以下html代码 <ul id="shopping_cart_items"> <li><input class="in_stock" name="item" type="radio" value="Item-X" />Item X</li> <li><input class="un...
名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的验证规则rules("add",rules)返回:Options增加验证规则rules("remove",rules)返回:Options删除验证规则removeAttrs(attributes)返回:Options删除特殊属性并且返回他们Custom selectors:blank返回:Validator没有值的筛选器:filled返回:Array <Element >有值的筛选器:unchecked返回:Array <Element >...
官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete 当前版本：1.1 需要JQuery版本：1.2.6+ 首先是最重要的方法 autocomplete( url or data, [options] ) 第一个参数可以是数组或者url。options参数比较复杂： * minChars (Number): 在触发autoComplete前用户至少需要输入的字符数.Default: 1，如果设为0，在输入框内双击或者删除输入框内内容时显示列表 * width (Number): 指定下拉框的宽度. Default: i...
在twitter上发现了<jQuery Performance Rules>这篇文章, 简单的摘译了一下:总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $(window).load 压缩js 全面掌握jquery库 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. 代码如下:<div id=“content”> <form meth...
一：核心部分$(expr)说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础参数：expr：字符串，一个查询表达式或一段html字符串例子：未执行jQuery前： <p>one</p><div> <p>two</p></div> <p>three</p> <a href="#" id="test" onClick="jq()" >jQuery</a> jQuery代码及功能： function jq(){ alert($("div > p").html()); } 运行：当点击id为test的元素时，弹出对话框文...
二：DOM操作属性我们以<img id="a" scr="5.jpg"/>为例，在原始的javascript里面可以用var o=document.getElementById(a)取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery 里$("#a")将得到jQuery对象[ <img id="a" scr="5.jpg"/> ]，然后可以用jQuery提供的很多方法来进行操作，如$("#a").scr()将得到5.jpg,$("#a").scr("1.jpg")将该对象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方法，方便大家快...
三：CSS操作 传统javascript对css的操作相当繁琐，比如<div id="a" style="background:blue">css</div>取它的background语法是 document.getElementById("a").style.background，而jQuery对css更方便的操作，$("#a").background()，$("#a").background(“red”)$("#a")得到jQuery对象[ <div id="a" … /div> ]$("#a").background()将取出该对象的background样式。$("#a").background(“red”)将该对象的background样式设为red...
五：动态效果 在将这部分之前我们先看个例子，相信做网页的朋友都遇到n级菜单的情景，但点击某菜单按钮时，如果它的子菜单是显示的，则隐藏子菜单，如果子菜单隐藏，则显示出来，传统的javascript做法是先用getElementById取出子菜单所在容器的id，在判断该容器的style.display是否等于none，如果等于则设为block,如果不等于这设为none，如果在将效果设置复杂一点，当点击按钮时，不是忽然隐藏和显示子菜单，而是高度平滑的转...
四：JavaScript处理$.browser() 判断浏览器类型，返回boolen值 $(function(){ if($.browser.msie) { alert("这是一个IE浏览器");} else if($.browser.opera) { alert("这是一个opera浏览器");}})当页面载入式判断浏览器类型，可判断的类型有msie、mozilla、opera、safari$.each(obj, fn) obj为对象或数组，fn为在obj上依次执行的函数，注意区分$().each() $.each( [0,1,2], function(i){ alert( "Item #" ...
六：事件处理 hover(Function, Function) 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function样式：<style>.red{color:#FF0000}</style>Html代码： <div id="a">sdf</div>jQuery代码及效果 $(function(){ $("#a").hover(function(){$(this).addClass("red");}, function(){ $(this).removeClass("red"); });})最终效果是当鼠标移到id为a的层上时...