JQuery常用选择器总结

本文详细介绍了jQuery中的各类选择器,包括基础、高级、内容、可见性等选择器,并讲解了如何利用这些选择器来高效地操作DOM元素。

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()只会找到第一级子元素中的所有符合选择器要求的元素;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值