jquery的基本選擇器


關於基本選擇器包括 “*” ,“.class”,"element","#id","selector1 selementN"
"*" 選擇器,可以找到文檔中的所有的元素,包括 head body

$(function(){
// $("#test").find("*").css("border","3px solid red");

//找到 #test 這個元素下面的所有的 元素
//});


".class" 選擇給定樣式類名的所有的元素。

//$(function(){
//$(".myclass").css("background-color","red");
找到帶有 .myclass 這個選擇器的所有的 元素
//})

“element”根據標記名稱選擇所有的元素。

//$(function(){
$(".biaoq div").css("background-color","yellow");
$(".biaoq span").css("background-color","green");
找到帶有 .biaoq這個選擇器的所有的下面div 元素
找到帶有 .biaoq這個選擇器的所有的下面span元素
})

“#id”選擇一個具有給定id 屬性的單個元素。

//$(function(){
$("#myid").css("background-color","red");
找到帶有 #myclass 這個選擇器的所有的 元素
//})

"selector1 selementN" 將每個選擇器匹配到的元素合並后返回

// $(function(){
$(".jh div, .jh .myclass").css("border","3px solid red");
//找到的是一個集合,沒找一組的時候 注意些的時候要用逗號隔開。
//})

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM