jQuery

jQuery的选择器

1.标签选择器

1. 获取div标签

var div=$("div");

2. 点击侦听事件

标签.on("click" , {a:1} , function(e){ });

$("标签").on("click" , clickHandler);
function clickHandler(e){ };

3. AJAX写法

$.POST("url" , " a=1 " , function(){ });

4. 所有该标签元素

$("标签");

5. 获取指定索引值的标签

$("div").eq(index);

6. 获取将指定索引值的jQuery的对象div转换为DOM对象

$("div")[index];

7. 获取将指定索引值的DOM的对象div转换为jQuery对象

var div = document.getElementsByTagName("div")[index];

8. 获取指定id名的标签

$(# id名)；console.log($ ("# id名"));

9. 获取指定class名的标签

$(. class名)；console.log($ (". class名"));

10. 放入文本

$("标签").text("内容");

11. 放入HTML标签

$("标签").html("<标签></标签>");

12. 设置单个样式

$("标签").css("属性" , "属性值");

13. 设置多个样式

$("标签").css({
	color:"red",
	width:"100px"
});

$("标签").on("click" , clickHandler);

2.群组选择器

1. 给多个标签设置方法

$("标签1,标签2").方法(" ");

3.后代选择器

1. 为某个标签下面的所有指定标签设置方法

$("标签1 标签2").方法(" ");

等价于

$("标签1").find("标签2");

4.通配符选择器

1. 为某个标签下的所有后代设置方法

$(" 标签 * ").方法(" ");

5.高级选择器

1. 子代选择器 >：标签1下面的子代标签2

$("标签1>标签2");

等价于

$("标签1").children("标签2");

2. 兄弟选择器 +：标签1的下一个兄弟标签2

$("标签1+标签2");l

等价于

$("标签1").next("标签2");

标签的所有的任何兄弟标签

$("标签+ * ");

等价于

$("标签").next( );

3. 兄弟选择器 ~：标签的所有指定的兄弟标签

$("标签1~标签2");

等价于

$("标签1").nextAll("标签2");

4. 查找从标签1向下找直到标签2之间的内容，不包括标签2

$("标签1").nextUntill("标签2");

5. 查找标签1向上一个标签

$("标签1").prev();

6. 查找标签1向上一个标签是标签2，若是则选中，不是则不选中

$("标签1").prev("标签2");

7. 查找标签1向上的所有选择器

$("标签1").prevAll();

8. 查找标签1向上的所有兄弟是标签2，若是则选中，不是则选不中

$("标签1").prevAll("标签2");

9. 查找从标签1向上到标签2的之间所有标签，不包括标签2

$("标签1").prevUntill("标签2");

10. 查找除了标签1自身以外的其所有兄弟标签

$("标签1").siblings();

11. 查找标签1的兄弟是标签2

$("标签1").siblings("标签2");

6.属性选择器

1. 获取指定属性的标签

$("[属性]");

2. 获取判断指定属性值的标签

$("[属性=属性值]");

等价于

$("[属性='属性值']");

3. 获取属性的属性名是以指定名a起头的标签

$("[属性^=a]");

等价于

$("[属性^='a']");

4. 获取属性的属性名是以指定名a结尾的标签

$("[属性$=a]");

等价于

$("[属性$='a']");

5. 获取属性的属性值仅为a或者属性值是以a起头的标签

$("[属性|=a]");

6. 获取class的类组中包含类a的标签

$("[属性~=a]");

7. 获取属性不是指定属性值的标签，也包括没有该属性的标签

$("[属性!=a]");

8. 获取有某属性，并且不是该指定属性值的标签

$("[属性][属性!=a]");