首页 > 网站 > WEB开发 > 正文

jQuery 选择器

2024-04-27 15:14:12
字体:
来源:转载
供稿:网友

对象选择

jQuery 元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。

$('text')//标签 div body table etc.//类 在类名前加半角点号“.”表示 .contact .head .ad etc.//id 在id名前加井号“#”表示 #contact #input etc.

eg.:

$("p") //选取 <p> 元素。$("p.intro") //选取所有 class="intro" 的 <p> 元素。$("p#demo") //选取所有 id="demo" 的 <p> 元素。$( "tr:odd" )//选取所有表格的奇数行另:(:eq(), :lt(), :gt(), :even, :odd)$( "div:visible" );//选取所有可见层$( "*" )//选择所有内容$( ":button" )//选中所有button元素=$("button")$( "ul.topnav > li" )//选中所有ul.topnav的子li元素

jQuery 属性选择器

jQuery 使用 类似XPath 表达式来选择带有给定属性的元素。 eg.:

$("[href]") //选取所有带有 href 属性的元素。$("[href='#']") //选取所有带有 href 值等于 "#" 的元素。$("[href!='#']") //选取所有带有 href 值不等于 "#" 的元素。$("[href$='.html']") //选取所有 href 值以 ".html" 结尾的元素。$("[name~="value"]")//所有name包含value这个单词的元素(注:不会选择aaa-value或aaavalue)$( "a[hreflang|='en']" )//选择所有hreflang属性包含en的元素(可以选中en,en-us,但不能选中english)$( "input[name='first_name']" );//选取所有带有name属性且属性值为first_name的input标签

更多选择器使用方法见:https://api.jquery.com/category/selectors/ CSS选择器https://www.w3.org/TR/CSS21/selector.html


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表