为什么jQuery可以这样使用的$(id)不加双引号,

为什么jQuery可以这样使用的$(id)不加双引号,,第1张

$(id),如果id没有定义,会直接报错,不会执行。相关资料可以参考jQuery选择器:

jQuery 选择器

选择器    实例    选取

    $("")    所有元素    

#id    $("#lastname")    id="lastname" 的元素    

class    $("intro")    所有 class="intro" 的元素    

element    $("p")    所有 <p> 元素    

classclass    $("introdemo")    所有 class="intro" 且 class="demo" 的元素    

               

:first    $("p:first")    第一个 <p> 元素    

:last    $("p:last")    最后一个 <p> 元素    

:even    $("tr:even")    所有偶数 <tr> 元素    

:odd    $("tr:odd")    所有奇数 <tr> 元素    

               

:eq(index)    $("ul li:eq(3)")    列表中的第四个元素(index 从 0 开始)    

:gt(no)    $("ul li:gt(3)")    列出 index 大于 3 的元素    

:lt(no)    $("ul li:lt(3)")    列出 index 小于 3 的元素    

:not(selector)    $("input:not(:empty)")    所有不为空的 input 元素    

               

:header    $(":header")    所有标题元素 <h1> - <h6>    

:animated         所有动画元素    

               

:contains(text)    $(":contains('W3School')")    包含指定字符串的所有元素    

:empty    $(":empty")    无子(元素)节点的所有元素    

:hidden    $("p:hidden")    所有隐藏的 <p> 元素    

:visible    $("table:visible")    所有可见的表格    

               

s1,s2,s3    $("th,td,intro")    所有带有匹配选择的元素    

               

[attribute]    $("[href]")    所有带有 href 属性的元素    

[attribute=value]    $("[href='#']")    所有 href 属性的值等于 "#" 的元素    

[attribute!=value]    $("[href!='#']")    所有 href 属性的值不等于 "#" 的元素    

[attribute$=value]    $("[href$='jpg']")    所有 href 属性的值包含以 "jpg" 结尾的元素    

               

:input    $(":input")    所有 <input> 元素    

:text    $(":text")    所有 type="text" 的 <input> 元素    

:password    $(":password")    所有 type="password" 的 <input> 元素    

:radio    $(":radio")    所有 type="radio" 的 <input> 元素    

:checkbox    $(":checkbox")    所有 type="checkbox" 的 <input> 元素    

:submit    $(":submit")    所有 type="submit" 的 <input> 元素    

:reset    $(":reset")    所有 type="reset" 的 <input> 元素    

:button    $(":button")    所有 type="button" 的 <input> 元素    

:image    $(":image")    所有 type="image" 的 <input> 元素    

:file    $(":file")    所有 type="file" 的 <input> 元素    

               

:enabled    $(":enabled")    所有激活的 input 元素    

:disabled    $(":disabled")    所有禁用的 input 元素    

:selected    $(":selected")    所有被选取的 input 元素    

:checked    $(":checked")    所有被选中的 input 元素

可以使用length判断子元素是否包含指定元素。

1、新建html文档,在body标签中添加两个div标签,其中第一个div标签中有指定子标签,第二个标签中没有指定标签,然后引入jquery标签:

2、使用jquery标签获取第一个div标签的子元素,然后获取指定标签的长度并判断是否大于0,第一个div标签中有指定标签,所以输出“有指定子元素”:

3、第二个div标签中没有指定标签,获取到的长度为0,不满足大于0的条件,所以输出“无指定子元素”:

not(selector)

描述: 从匹配的元素集合中移除指定的元素。

如果提供的jQuery对象代表了一组DOM元素,not()方法构建一个新的匹配元素的jQuery对象,用于存放筛选后的元素。所提供的选择器是对每个元素进行测试;如果元素不匹配的选择将包括在结果中。

从jQuery 14开始,not()方法可以接受一个函数作为参数,这和filter()方式是一样。如果该函数返回 true,那么当前元素就不会包含在结果中。

例子:

<ul>

    <li>list item 1</li>

    <li>list item 2</li>

    <li>list item 3</li>

    <li>list item 4</li>

    <li>list item 5</li>

</ul>$('li')not(':even')css('background-color', 'red');

此调用的结果是列表项2和4背景色变成红色,因为它们不匹配选择(记得:even 和 :odd使用基于0的索引),:even为偶数项,not(:even)即奇数项,但索引从0开始,里面item2索引为1

以上就是关于为什么jQuery可以这样使用的$(id)不加双引号,全部的内容,包括:为什么jQuery可以这样使用的$(id)不加双引号,、JQUERY 判断如果子元素没有含有某标签(如UL)、jquery中not的用法:等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9351817.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存