首页 🎨烦文琐事

Day01


文档就绪事件

$(document).ready(function(){
    //输入jQuery代码
})

jQuery选择器

防止文档在未完成加载之前运行jQuery代码

元素选择器

$("p")

选择所有<p>元素

id选择器

$("#test")

选择id="test"属性的元素

$("p#test")

选择id="test"的<p>元素

.class选择器

$(".test")

选择class="test"属性的元素

$("p.test")

选择class="test"的<p>元素

选择全部元素

$("*")

选择当前元素

$(this)

一般用于嵌套函数中

:first

$("p:first")

选取第一个<p>元素

$("ul li:first")

选取第一个<ul>元素的第一个<li>元素

child

$("ul li:first-child")

选取每一个<ul>元素的第一个<li>元素

$("ul li:nth-child(3)")

选取每一个<ul>元素的第三个<li>元素

[ ]属性

$("a[target='_blank']")
$("a[target!='_blank']")

分别为选取target属性值等于或不等于"_blank"的<a>元素

$("[href]")

选取所有href属性的元素

:button

$(":button")

选取所有type="button"的<input>元素和<button>元素

奇偶数位置

$("p:even")
$("p:odd")

odd为奇数位置
even为偶数位置

更多实例https://www.runoob.com/jquery/jquery-ref-selectors.html

学习自 https://www.runoob.com/jquery/jquery-selectors.html




文章评论