jquery学习总结(超级详细).pdf
版权申诉
54 浏览量
2023-02-28
20:55:55
上传
评论
收藏 460KB PDF 举报
执行
时机
window.onload
必须等待网页中所有的内容加载完毕后
（包括图片）才能执行
不能同时编写多个，以下代码无法正确执
编写
个数
行:window。onload =function（{alert
（”test1”）;}window。onload = function
（)｛alert（”test2”）;}结果只会输出”test2"
简化
写法
一、选择网页元素
jQuery 的基本设计和主要用法,就是”选择某个网页元素,然后对其进行某种操作”.这是它区
别于其他函数库的根本特点。 使用 jQuery 的第一步，往往就是将一个选择表达式，放
进构造函数 jQuery(）（简写为$),然后得到被选中的元素。
选择表达式可以是 CSS 选择器:
$（document）//选择整个文档对象
＄('＃myId’)//选择 ID 为 myId 的网页元素
$(’div。myClass')//选择 class 为 myClass 的 div 元素
$（'input[name=first]'）//选择 name 属性等于 first 的 input 元素
＄（document）.ready（）
网页中所有 DOM 结构绘制完毕后就执
行，可能 DOM 元素关联的东西并没有
加载完
能同时编写多个
无
$(document）.ready(function(){})；可
以简写成$（function(）｛});
也可以是 jQuery 特有的表达式：
＄（’a:first')//选择网页中第一个 a 元素
$(’tr：odd’)//选择表格的奇数行
＄（’＃myForm ：input')//选择表单中的 input 元素
$('div：visible') //选择可见的 div 元素
＄(’div:gt(2）')//选择所有的 div 元素，除了前三个
$（’div:animated’）//选择当前处于动画状态的 div 元素
二、改变结果集 如果选中多个元素，
jQuery 提供过滤器，可以缩小结果集:
* $（’div').has（’p')； //选择包含 p 元素的 div 元素
＊ $(’div'）.not（'.myClass’); //选择 class 不等于 myClass 的 div 元素
* $（’div'）.filter('.myClass'）; //选择 class 等于 myClass 的 div 元素
* $(’div’)。first（)； //选择第 1 个 div 元素
* ＄（'div’）.eq(5）; //选择第 6 个 div 元素
有时候，我们需要从结果集出发，移动到附近的相
关元素，jQuery 也提供了在 DOM 树上的移动方法：
资源评论
