正文
JQuery下载及选择器总结
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
JQuery下载
-
JQuery只是一个
JS函数库
，要使用其中的方法还是要在JS文件中进行调用。
-
一般去https://mvnrepository.com/这个网站下载，搜索JQuery就能找到JS文件下载。
-
下载完成后通过script src="JQuery.js文件路径"，进行加载，并在其他js文件中随便写一个加载事件进行测试即可，若成功，则表示JQuery可以进行开发了。
-
不同的JQuery版本不同，会有一些bug。遇到这用情况，换个版本使用即可。
JQuery选择器
-
id选择器：$("#标签ID");
-
类选择器：$(".标签class");
-
元素选择器：$("标签元素");
-
组选择器：$("#标签ID，标签元素，.标签class");（就是多种类型的条件组合在一起）
-
后代选择器：$("父标签 标签1");（找到父标签下面的所有标签1）
-
子选择器：$("父标签>标签1");（找到父标签下的所有子标签1）
-
位置选择器：
$("标签a：first");（找到第一个标签a）
$("标签a：last");（找到最后一个标签a）
$("标签a：even");（找到序数为偶数标签a）
$("标签a：odd");（找到序数为奇数标签a）
$("标签a：eq(idenx)");（找到索引为index的标签a）
$("标签a：lt(idenx)");（找到索引小于index的标签a）
$("标签a：gt(idenx)");（找到索引大于index的标签a）
-
属性选择器
$("标签a[属性x]");（找到带有属性x的标签a）
$("标签a[属性x='数值1']");（找到属性x等于数值1的标签a）
$("标签a[属性x^='数值1']");（找到属性x以数值1开头的标签a）
$("标签a[属性x*='数值1']");（找到属性x值包含数值1的标签a）
$("标签a[属性x!='数值1']");（找到属性x值不等于包含数值1的标签a）
- id选择器：$("#标签ID");
- 类选择器：$(".标签class");
- 元素选择器：$("标签元素");
- 组选择器：$("#标签ID，标签元素，.标签class");（就是多种类型的条件组合在一起）
- 后代选择器：$("父标签 标签1");（找到父标签下面的所有标签1）
- 子选择器：$("父标签>标签1");（找到父标签下的所有子标签1）
-
位置选择器：
$("标签a：first");（找到第一个标签a）
$("标签a：last");（找到最后一个标签a）
$("标签a：even");（找到序数为偶数标签a）
$("标签a：odd");（找到序数为奇数标签a）
$("标签a：eq(idenx)");（找到索引为index的标签a）
$("标签a：lt(idenx)");（找到索引小于index的标签a）
$("标签a：gt(idenx)");（找到索引大于index的标签a） -
属性选择器
$("标签a[属性x]");（找到带有属性x的标签a）
$("标签a[属性x='数值1']");（找到属性x等于数值1的标签a）
$("标签a[属性x^='数值1']");（找到属性x以数值1开头的标签a）
$("标签a[属性x*='数值1']");（找到属性x值包含数值1的标签a）
$("标签a[属性x!='数值1']");（找到属性x值不等于包含数值1的标签a）
