jQuery简单学习手册[归类].pdfVIP

jQuery 简单学习手册 由于现在各种浏览器越来越多， 客户使用的浏览器也是五花八门， 大家在开发时自己手 工写的 JS可能会存在各种兼容性问题，为了节省时间同时能有更人性化的操作体验 (列如其 中的 ui 插件就提供了非常多的功能 )，所以推荐在开发时使用 jQuery ，根据官方文档上的说 明它兼容 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 等浏览器，同时它将一些常用的操作都封装 到了框架中，节省写代码时间并不用考虑兼容性。 目前 CEMIS 中集成的 jQuery 版本为 1.7.2，jQuery UI 版本为 1.8 jQuery 可以用美元符 $或 jQuery 来写， 但由于 CEMIS中有另一款类库 prototype 也是使 用 $，为了避免 $对象冲突，所以在 cemis 中都使用 jQuery （注意大小写）。 以下是我在开发 中常用到的一些功能，分享给大家： jQuery 框架 选择器 根据 ID 匹配一个元素 ： div id= ”test ”/div jQuery( #test“ ”); 根据类匹配元素 ： div class=”test ”1/div,div class= ”test ”3/div jQuery( .test“ ”); 匹配所有不可见元素 ： div style= ”display:none ”1/div,div2/div jQuery(div:hidden); 将匹配 div style= ”display:none ”1/div 匹配所有可见元素 ： div style= ”display:none ”1/div,div2/div jQuery(div:visible); 将匹配 div2/div 匹配给定的属性是某个特定值的元素 ： input type= ”checkbox ” name= ”test1 ” value= ”1” /,input type= ”checkbox ” name= ”test1 ” value=”2” /,input type= ”checkbox ” name= ”test2 ” value=”1” / jQuery (input[name= test2]).attr(checked, true); 即能选中第 3 个复选框 属性 取得一个匹配元素的属性值 ： img id= ”test ” src=”1.jpg ” / jQuery( #test“ ”).attr( “src ”);或 jQuery( “img ”).attr( “src ”); 最后获取的值为 1.jpg 为匹配元素设置一个属性值 ： img id= ”test ” / jQuery( #test“ ”).arrt( “src ”, “1.jpg ”); 结果为 img id= ”test ” src=”1.jpg ” / 为匹配元素设置多个属性值 ：