jq选择器

基本选择器

<div id="myid" class="box" name="myname"></div>

id   $("#id名")   $("#myid");可以用变量接受,结果是一个伪数组
                  var div = $("#myid"); 打印出来为  <div></div>
类名 $(".类名")   $(".box")
标签名 $("标签名")   $("div")
属性名 $("[属性名=属性值]")   $("[name='myname']")

伪类选择器
jquery基本选择器跟css的基本选择器一样,css基本选择器有一些组合选择,jquery同样可以进行组合选择

子元素选择器 父元素>子元素
后代选择器 父元素 子元素
下一个兄弟选择器 元素+下一个元素

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4<span>4中的span</span></li>
    <li>5</li>
    <li>6</li>
    <li></li>
    <span>777</span>
</ul>
// 伪类
// first-child   $("li:first-child")
// last-child     $("li:last-child")
// nth-child()   $("li:nth-child(2)")
//empty    $("li:empty")  空元素
子元素选择器 父元素>子元素    $("ul>span")
后代选择器   父元素 子元素   $("ul li")
下一个兄弟选择器 元素+下一个元素    $("li:first-child+li")

筛选器

第一个 first  $("li:first")
最后一个last  $("li:last")
第几个 eq(下标)   $("li:eq(2)")
大于第几个 gt(下标)  $("li:gt(2)")
小于第几个 lt(下标)   $("li:lt(2)")
偶数个 odd    $("li:odd")
奇数个 even   $("li:even")

// 选中所有的表单元素   $(":input")
// 选中所有的文本框   $(":text")
:password
:reset
:button
:submit
:checkbox
:image
:hidden
// 选中禁用项的input    $("input:disabled")
// 选中可用的input   $("input:enabled")
// 被选中的单选框或复选框   $("input:checked")   checked:checked;单独使用表示选中
// 被选中的下拉框  $("option:selected");

该元素的父元素  元素.parents()
// 从所有后代子元素中找到指定的元素  父元素.find("子元素")
// 所有的子元素  父元素..children()
发布了5 篇原创文章 · 获赞 1 · 访问量 134
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览