1.ID表示:$(id)【只有此表示没有双引号】或者$("#id");
2.class表示: $(.class);
3.基础选择器共5个:#ID、元素名称、.calss、*、元素1,元素2;
4.高级选择器4个:祖先 后代【所有的子节点】、父>子【所有的一级子节点】、父+邻【相邻的节点】、父~兄【所有的兄弟节点】;
5.索引选择器9个: :first、:last、:not(排除元素)、:even【偶数】、:odd【基数】、:gt(大于此索引值)、:lt(小于此索引值)、
:eq(指定位置的索引值)、:header【取出所有的<h1-h6>】;
6.内容选择器4个: :contains(文本【区分大小写,不受空格】)、:empty【不包含文本或者子元素】、:has(选择器)、父元素选择【$("#id").parent】;
7.可见性选择器2个: :hidden【影藏的】、:visible【显示的】;
8.属性选择器[属性名称可以是系统的也可以是自定义的]7个:注意用中括号[]抱起来;
[属性名称]、[属性名称=内容]、[属性名称^=内容【满足开头内容】]、[属性名称$=内容【满足结尾内容】]、
[属性名称*=内容【包含此内容】]、[属性选择器][属性选择器][属性选择器];
9.子元素选择器4个: :nth-child(eq|even|odd|index)【下标从1开始】、:first-child、:last-child、:only-child【只有一个子元素的父元素】;
10.表单对象选择器14个: :enabeld、:disabled、:checked、:selected、:text、:file、:radio、:button、:submit、
:reset、:password、:input、:hidden、checkbox;
11.将文本变成DOM对象:var obj = $("<span>Hello World !!!</span>") ;// 变为了jQuery的DOM对象
12. $.ajax,$.post;$.get;&.getJSON【跨域名传递数据,$.ajax时添加一个json参数:jsonp】;
13.注意。【所以好习惯就将id与name的属性值设置成一样的】;
·find()会将所有层次结构中符合选择器要求的元素都选择;
·children()只会找到第一级子元素中的所有符合选择器要求的元素;
JQuery常用选择器总结
最新推荐文章于 2024-10-31 15:39:18 发布
