JQuery学习笔记
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
JQuery学习笔记1基本语法
在id选择器中，需要加上#号
script 中有src属性则不能再标签体重写代码
1.1dom对象与jquery的转换
$底层采用数组存放数据，故$value[0]，取出数据，既是dom对象$对象提供get()方法，取出dom对象，get(0)为第一个数据
1.2页面加载
2选择器
2.1基本选择器
2.1.1I d选择器
通过标签中id的值，获取$对象
2.1.2C lass选择器
选中标签中有相应class属性的元素
2.1.3标签选择器
根据标签获取对象数组
2.1.4多选择器
将多个选择器存放在数组中
2.1.5*选择器
选中所有对象
2.2标签层级
$(“A B”)，获得A元素内部所有的B元素
$(“A>B”)，获得A元素内部的所有子元素B
$(“A+B”)，获得A元素后面的第一个B元素
$(“A~B”)，获得A元素后面的所有B元素
2.3属性
1，[attr]，获得含有指定属性名的元素
2，[attr=value]，获得含有指定属性名等于指定值得元素
3，[attr!=value]，与2相反，没有attr属性的元素也将被选中
4，[attr^=value]，获得属性名以value开头的元素，
5，[attr$=value]，获得属性名以value结尾的元素
6，[attr*=value]，获得属性名中含有value的元素
7，[attr1] [attr2] [attr3]……，多个条件同时成立
2.4 过滤
2.4.1 基本选择器过滤
2.4.1.1 基本内容
格式：“:关键字”
1， ：first ，得到$数组的[0]个对象
2， ：last ，得到最后一个对象
3， ：eq(index)，根据索引得到对象
4， ：gt(index)
，大于
5，：lt(index)，小于
6，：even，得到$数组索引为偶数的对象，包含0，实际体现为1，3，5
7，：odd，得到$数组索引为奇数的对象
8，：not(selecter)，非selecter
2.4.1.2案例
对输入框中的文本进行操作
2.4.2内容过滤
1.:empty，标签内部是否含有内容
2.:has(…)，是否含有指定的子元素，得到父亲
3.:parent，是否为父元素，有内容或有标签
4.:contains(…)，是否包含指定内容
2.4.3可见性过滤
1，:hidden，隐藏，即< style=”display:none”>，
2，:visible，可见
Input标签中的value属性，可直接input.value获取
2.4.4子元素过滤
注意：若子元素前非元素，则需要隔开，如，$("div[class=one] :nth-child(2)").css('background', 'yellow'); 1，:nth-child(count)，获得指定索引的子元素
2，:first-child，选择父元素的第一个子元素
3，:last-child，选择父元素的最后一个子元素
4，:only-child，选择父元素中唯一的一个子元素
2.4.5表单过滤
:input，获得所有的表单元素