jquery写ajax请求的五个步骤 jquery基础教程( 三 )

(7)属性选择器
1. <!DOCTYPE html>2. <html>3. <head>4.<meta charset="UTF-8">5.<title>jQuery基础教程</title>6. </head>7. <body>8.<p>jQuery选择器</p>9.<p class="foo">带class样式的p标签</p>10.<p><span id="boo">内嵌span的p标签</span></p>11.<p id="bar">带id的p标签 <span class="foo">内嵌class的span标签</span></p>12.<div>13.<p my-id="my_para">在div内部带id的p标签</p>14.<p my-id="my_para2"><span>在div内部带id的p标签在内嵌span标签</span></p>15.</div>16.17.<!-- 通过使用jquery文件来使用jquery -->18.<script src="https://www.520longzhigu.com/shenghuo/jQuery/jquery-3.5.1.js"></script>19.20.<script>21.// $()该语法标识在html加载完成再执行function()匿名函数中的内容22.$(function () {23.24.// 属性选择器,语法格式"标签元素[属性名称=属性值]",查询含有my-id属性值为my_para的p标签25.var a = $("p[my-id=my_para]");26.console.log(a);27.28.})29.</script>30.31. </body>32. </html>04 总结至此我们《jQuery基础教程上篇》就讲完了,下篇内容主要讲解jQuery的过滤器及常用操作方法等相关知识,敬请期待 。最后如果喜欢本篇文章不要忘了点赞、关注与转发哦!


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: