本文介绍了“如何使用jQuery选择器”的知识。很多人在实际案件操作中都会遇到这样的困难。接下来，让边肖带领大家学习如何应对这些情况！希望大家认真阅读，学点东西！
首先，将google提供的jquery文件和用于测试的小插件firejspt引入每个测试页面的头部。
！-引入FireJSPT的库文件-脚本类型=' text/JavaScript ' src=' Firejspt . js '/脚本！-介绍一下body google提供的1.44 jQuery的库文件，哪个版本其实无所谓，呵呵-脚本类型=' text/JavaScript ' src=' https://Ajax . googleapi.com/Ajax/class/jQuery/1 . 4 . 4/jQuery . min . js '/script 1。这是最常用的一种。
Div=' Ilian '比较id选择器和类选择器/div div class=' Ilian '比较id选择器和类选择器/div此测试中使用的JS代码如下：
functionilianTest01(){ $(' # ilian ')。单击(function(){ alert(' hello world ')；});} functionaliantest02(){ $('。' ilian ')。单击(function(){ alert(' hello world ')；});}/*调用两个函数进行测试*/$ (function () {jspt。test(function()){ iliandest01()；});jspt . test(function(){ ilianTest02()；});});测试结果如下：
从图中可以看出，id选择器相比类选择器的效率优势非常显著。
2.选择标签时，层次选择器也非常常用。这一次，直接子标签符号“”和子标签进行比较和测试。
将以下代码放在正文标签中，并将li标签复制500次。
舒利=' Ilian将直接子标签符号“”与children/lili进行比较，将直接子标签符号“”与children/lili进行比较，将直接子标签符号“”与children/li进行比较！-省略497次- /ul本次测试使用的JS代码如下：
functionaliantest01(){ $(' # ilian Li ')。单击(function(){ alert(' hello world ')；});} functionaliantest02(){ $(' # ilian ')。儿童(' li ')。单击(function(){ alert(' hello world ')；});}/*调用两个函数进行测试*/$ (function () {jspt。test(function()){ iliandest01()；});jspt . test(function(){ ilianTest02()；});});测试结果：
可以看出，子选择器优于直接子标签符号选择器。
“如何使用jQuery选择器”到此结束。感谢阅读。如果你想了解更多的行业，可以关注网站。边肖将为您输出更多高质量的实用文章！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/101250.html