jquery核心操作

《jquery核心操作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、1.1$(document).ready()值整个jQuery运行的核心。在传统的window.onload事件在整个HTML页面元素全部加载完毕之后发生，这带来了一定性能上的问题，现代网页元素多，特别是图像等，需加载很长的时间，所以window.onload事件需要等待很长的时间。而事实上只需要HTML代码本身加载完毕就可以开始操作。也就是不需要等待图片加载完毕了就可以操作。W3C定义了一个DOMContentLoaded事件，当DOM被载入之后。DOMContentLoaded事件就会发生，这个比window.loaded更早发生，这样就提高了效率。但IE6/

2、IE7均不支持此事件。jQuery就解决了这个问题。即$(docuemnt).read()事件，它模拟了DOMContentLoaded事件。Document元素代表DOM树，$(document)选取了这个document元素，它加载完成的时候，就意味着整个HTMLDOM树加载完成，此时触发ready（）事件。1.1.1写法:标准写法一$(document).ready(function(){Alert(‘c’);});另类写法jQuery(document).ready(function(){alert(‘c’);});简洁写法$(function(){Ale

3、rt(‘c’);});1.1.2优点：1使用$(document).ready()之后，不需要在HTML中加入任何的行为代码，更好实现代码分离，可以将jQuery代码和javascript代码放置到外部的js中，而调用HTML页面包含任何元素事件等行为的定义2$(document).ready()可以同时定义多个行为，而window.onload只能定义一次。$(document).ready(function(){//somecodehere});$(document).ready(function(){//someothercodehere})如果window

4、.onload被定义多此，那么只有最后一次才有效3$(document).ready()相比window.onload.大大提高了加载的速度和javascript代码执行的效率。1.2快速选择页面元素获取第一个li元素$(‘li:eq(0)’)eq就是equal几获取所有奇数的li元素$(‘li:even’)$(‘li:odd’)获取所有偶数的li元素获取最开始的3个li元素$(‘li:lt(3)’)lt就是lessthan小于几获取样式不是goofy的li元素$(‘li:not(.goofy)’)not不属于获取在一个p中包含一个href属性，而且属性href中

5、包含#的连接。pa表示作为p子元素的a。A[href*=#]表示a包含href属性且属性中包含#$(‘pa[href*=#]’)*包含什么获取所有code元素以及所有样式为goofy的li元素$(‘code,li.goofy’)1.2.1利用表达式获取元素获取所有ol元素中样式为goofy且字体样式为strong的元素$(‘ol.goofy>strong’)>所有的获取所有以pdf结尾的链接，这些链接是li元素的子元素，并且这些父li元素之前存在li元素$(‘li+li>a[href$=pdf]’)$以什么结尾a[href$=pdf]表示a标签的href属性值以p

6、df结尾input[id$=txt]表示input标签的id属性值以txt结尾获取所有hidden的span元素$(‘span:hidden’)此处的hidden是表示在页面上隐藏的spansurprise1.2.2其他获取id为jqdt元素中的第一个li子元素$(‘#jqdt’).find(‘li’).slice(0,1)Slice(v1,v2)v1开始位置（包含），v2结束位置（不包含）获取id为jqdt元素中的前3个li$(‘#jqdt’).find(‘li’).slice(0,3)$(‘#j

7、qdt’).find(‘li.funny’).siblings()获取id为jqdt的li元素中id为funny的补集Siblings()补集获取所有包含silly字符串的元素，并且他们不能处于第3个li后面$(‘#jqdt’).find(‘li’).not(‘:gt(2)’).filter(‘:contains(silly)’)Find（）是在$(‘#jqdt’)元素内查找操作，filter()是在$(‘#jqdt’)元素本身查找:Contains(silly)匹配元素中包含silly这个变量的文本集合获取jqdt所有的li元素，然后过滤，只获取样式为goofy

8、的元素$(