jquery中选择器需要注意的地方之一

最新推荐文章于 2020-09-28 21:20:36 发布
最新推荐文章于 2020-09-28 21:20:36 发布
阅读量525 收藏
点赞数
分类专栏： javascript jquery 文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdncsdn9876/article/details/51628156
版权
本文介绍了jQuery中两种不同的选择器用法：$("ulli:first")用于选取第一个li元素；而$("ulli:first-child")则选取每个ul下的第一个li元素。正确理解这两种选择器的区别对于高效使用jQuery进行DOM操作至关重要。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

jquery中选择器需要注意的地方之一

$(" ul li:first")是选择第一个li标签！


$("ul li:first-child")是选择所有的ul的第一个li标签

jQuery学习笔记——jQuery选择器
vikeyyyy的博客
08-20 485
jQuery选择器之基本选择器 jQuery选择器——id选择器 $( "#id" ) id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器。 id是唯一的，每个id值在一个页面中只...
探讨jQuery中on()和click()的使用细节（区别）
Henry_626的博客
11-28 2074
今天在写一个聊天室程序中需要动态地添加和删除一些html元素，因为使用click()的过程中遇到了问题，在一番查阅后找到了问题的根源并改为使用on()成功解决，在此记录分享一下~ jQuery 中的on() 方法 ????语法： $(selector).on( events [, childSelector ] [, data ], handler(eventObject) ) events：类型: String 一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，比如"click", “
jQuery选择器的使用注意事项：
hao_sir
10-11 231
1. 选择其中含有特殊符号 W3C规范规定属性值中不能含有某些特殊字符，但在实际开发过程中，常遇到表达式中含有“#”或“.”等特殊字符的情况，如果按照普通的方式去处理就会出错，解决此类问题的方法就是使用转义符转义。 　　有如下代码： 　　<div id="id#a">aa</div> 　　<div id="id[2]">cc&l...
关于选择器注意的点
weixin_30615767的博客
05-04 266
　　假如：css 选择其中如果div元素下面有子节点a 和孙节点 imag 1： 如果要选择imga 可以用('div imag') 但是不能用('div > imag') 这其中‘ ’ 和 ‘>'的区别就是 ‘ ’是选择其所有的后辈节点，但是‘>’只是选择儿子节点。 2：选择div下面的第二个a标签可以用 ('div a:nth-child(2)') 　　对比xpat...
jQuery-使用选择器注意事项 学习笔记十
lansky07
11-29 1073
在使用jQuery选择器时需要特别注意的一些事项，也可以说是使用过程中可能遇到的一些问题：1、class或都id中含有“.”,“#”等特殊字符    在我们的程序中可能会遇到id中还有“.”和“#”等特殊字符，如果按照普通方式处理就会出错，解决方法是用转义符转义。在下面程序中：aaaaabbbbcccc按照我们习惯的普通方式jQuery选择器获取:$("#id.a"
jQuery选择器的使用及注意事项
梦寐的博客
09-07 787
jQuery选择器分类 jQuery选择器功能强大，种类也很多，分类如下     通过CSS选择器选取元素         基本选择器         层次选择器         属性选择器     通过过滤选择器选择元素         基本过滤选择器         可见性过滤选择器 基本选择器 基本选择器包括标签选择器、类选择器、ID选择器、并集选择器和全局选择器 名称     ...
JQuery选择器中的一些注意事项
weixin_30251587的博客
07-26 158
1. 选择器中含有特殊符号的注意事项 1. 1 选择器中含有",","#","("或"]"等特殊字符 根据w3c的规定,属性值中是不能包含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有"#"和"."等特殊字符,如果按照普通的方式去处理出来的话就会出错。解决此类错误的方法是使用转义符转义。 html代码如下: <div id="id#b">bb</div>...
JQuery之focus函数使用介绍
10-26
focus函数可以与各种JQuery选择器配合使用，从而对页面上的元素进行操作。举个例子，如果我们要让一个文本输入框在页面加载完毕后自动获得焦点，可以使用以下代码： ```javascript $(document).ready(function(){ ...
实用jQuery日期选择滑块插件代码包
- jQuery通过选择器（selector）简化了对DOM元素的选取，支持通过CSS选择器选取页面中的元素。 - jQuery的语法设计使得在JavaScript中的许多常见任务更加直观，并且提供了一系列方便的方法来进行常见操作。 - 本...
使用jquery animate创建平滑滚动效果（可以是到顶部、到底部或指定地方）
10-25
在网页开发中，实现平滑滚动效果是增强用户体验的重要手段之一。传统的页面跳转往往采用锚点来实现快速定位到页面中的某个部分，这种方式的缺点是过于生硬，用户体验并不理想。为了改善这一问题，可以利用jQuery库中...
选择器中的一些注意事项
fisea的专栏
05-06 614
1、得到表单内表单元素的个数：(input、textarea、select、button)$("#form1 :input").length;2、得到表单内input元素：$("#form1 input");3、选择器中含有"."、"#"、"("、"]"等特殊字符http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">h
jQuery选择器中的注意事项
{玖}单纯着，幸福着，思考着
11-06 252
1.选择器中含有特殊符号的注意事项（eg:"·"、"#"、"("、"]"）            解决办法，使用转义符转义            $('#id\\#b');        //转义特殊符“#”            $('#id\\[1\\]')       //转义特殊字符“[]”   2.选择器中含有空格的注意事项            举例说明：   &lt;...
JQuery选择器注意事项
syl2850246的博客
09-25 365
在JQuery选择器中， $(selector).children()只是是选择父类的儿子 $(selector).append()/prepend()操作的是子元素 $(selevtor).after()/before()操作的是兄弟标签
jQuery中选择器空格注意事项
Kindle_code的专栏
08-26 1009
jQuery以它强大的选择器，给开发带来了极大的方便，有敲空格习惯的程序猿很容易在这这里栽跟头，jQuery中选择器中的空格是不容忽视的，下面是《锋利的jQuery》中的例子:<body> <div class="test"> <div style="display:none;">aa</div> <div style="display:none;">bb</di
jQuery选择器部分知识点总结
weixin_51051051的博客
09-28 325
一、jQuery选择器的优势 1、使用CSS选择器时，开发人员需要考虑主流浏览器是否支持某些选择器，而在jQuery中，开发人员则可以放心的使用jQuery选择器而无需考虑浏览器是否支持这些选择器。 2、使用getElementById()和getElementByTagName()函数获取页面中不存在的元素时会报错，但是使用jQuery获取网页中不存在的元素时不会报错。 注意：$("#tt")获取的是对象，即使网页中没有此元素。 所以当要用jQuery检测某个元素在网页中是否存在的时候使用如下代码: 1
选择器中的注意事项
zyus1987的专栏
04-08 1375
 1、选择器中包含“·”“#”“(”或者“]”等特殊字符   注意使用转义字符将特殊字符转义 2、选择器中包含空格的注意事项   选择器中的空格也是不容忽视的，空格存在与否得出的结果可能很大的不同   $(".test :hidden")表示选取class为test的元素里面的隐藏元素   $(".test:hidden")表示隐藏的class为test的元素      $("ul li:last
CSS选择器总结及其注意事项（十）
CSDN凉宸
09-08 778
CSS选择器基础选择器1.1 标签选择器1.2 类选择器1.3 id选择器1.4 通配符选择器1.5 总结 基础选择器 1.1 标签选择器 概念： 标签选择器（元素选择器）是指HTML中标签名称作为选择器，按标签名称分类，为页面之中某类标签指定的统一CSS样式。 语法： 标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;属性4:属性值4;} 作用： 标签选择器 可以把某一类标签全部选择出来 优点： 能够快速为页面中间类型的标签统一样式 缺点： 不能设计差异化样式 1.2 类选
制作简单的计算器，用到HTML5中的type=number这个input属性
csdncsdn9876的博客
06-20 3611
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <input type="number" id="num1"/> <select id="slc"> <option value="+">+</option> <option val
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值