[计算机软件及应用]jquery_基础教程.pptVIP

插件tablesort 1.通过class属性可以在初始化时，对某列排序。 class=“tablesorter {sortlist:[[0,0],[4,0]]}” 对第一列和第五列俺升序排列 2.取消第2列，第3列排序 $(“#table”).tablesorter({headers:{1:{sorter:false},2:{sorter:false}}}); 3.强制某列排序 $(“myTable”).tablesorter({sortFoce:[[0,0]]}); Jquery.validate.js jquery 性能 jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发,性能问题还是值得大家的注意的 1. 从ID选择器开始继承 div id=“content” form method=“post” action=“/” h2Traffic Light/h2 ul id=“traffic_light” liinput type=“radio” class=“on” name=“light” value=“red” / Red/li liinput type=“radio” class=“off” name=“light” value=“yellow” / Yellow/li liinput type=“radio” class=“off” name=“light” value=“green” / Green/li /ul input class=“button” id=“traffic_button” type=“submit” value=“Go” / /form /div jquery 性能 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法 要是想这样的语句的效率怎么样？？ var traffic_button = $(‘#content .button’); var traffic_button = $(‘#traffic_button’); 上面两条语句那条要好一些？？ 当然是后者 选择多个元素 提到多元素选择其实是在说DOM遍历和循环，特点是慢 为了提高效率，我们该做一些什么？？ var traffic_lights = $(‘#traffic_light input’); jquery 性能(二) 第二快的选择器是tag选择器($(’head’))，因为它来自原生的getElementsByTagName() 方法. 2. 在class前使用tag div id=“content” form method=“post” action=“/” h2Traffic Light/h2 ul id=“traffic_light” liinput type=“radio” class=“on” name=“light” value=“red” / Red/li liinput type=“radio” class=“off” name=“light” value=“yellow” / Yellow/li liinput type=“radio” class=“off” name=“light” value=“green” / Green/li /ul input class=“button” id=“traffic_button” type=“submit” value=“Go” / /form /div; 总是用一个tag name来限制(修饰)class (并且不要忘记就近的ID) jquery 性能(二) var active_light = $(‘#traffic_light input.on’); 注意：在jquery 中class是最慢的选择器，IE浏览器下它会遍历所有DOM节点，不管它用在哪里。 不要用tag name 来修饰ID 如：var content = $(div #content) 这个例子将会遍历所有的div元素来查找id为content的那个节点 jquery 性能(二) 用ID 修饰ID也是画蛇添足 var traffic_light=$(#content #traffic_light) jquery 性能(三) 要养成缓存对象的习惯 3. 将jquery 对象缓存起来 $(‘#traffic_light input.on).bind(’click‘, function(){…}); $(’#traffic_light input.on).css(‘border’, ‘3px dashed yellow’); $(