jQuery 选择器

Posted listenerln

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 选择器相关的知识,希望对你有一定的参考价值。

选择器: ref: http://www.w3school.com.cn/jquery/jquery_selectors.asp

$(this) 当前 html 元素
$("p") 所有 <p> 元素
$("p.intro") 所有 class="intro" 的 <p> 元素
$(".intro") 所有 class="intro" 的元素
$("#intro") id="intro" 的元素
$("ul li:first") 每个 <ul> 的第一个 <li> 元素
$("[href$=‘.jpg‘]") 所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素

 

 

 

$("#interface_list li").each(function () {
                        if ($(this).find("span").text() == ifclick) {
                            $(this).click();
                            return false;
                        }
                    });

  #interface_list  id 为interface_list

  li        interface_list的子元素li

 

$("#interface_list li").each();
遍历id为 interface_list 的所有子元素<li/>

if ($(this).find("span").text() == ifclick) {
                            $(this).click();
                            return false;
                        }
从遍历结果 this 中, 查找子元素 <span/> 并获取 text内容, 比较跟ifclick相等, 触发<li>的click单击事件, 并跳出这次遍历




以上是关于jQuery 选择器的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

jQ选择器学习片段(JavaScript 部分对应)

VSCode自定义代码片段6——CSS选择器

JQuery02

Android - 片段中的联系人选择器

jQuery 核心函数