Jquery入門之----------選擇器-------------

Jquery最核心的組成部分就是選擇器引擎。他繼承了CSS的語法,可以對(duì)DOM元素的標(biāo)簽名、屬性名、狀態(tài)等進(jìn)行快速、精確的選擇,并且不必?fù)?dān)心瀏覽器的兼容性。Jquery選擇器除實(shí)現(xiàn)了基本的標(biāo)簽選擇外,還提供了各種特殊的選擇。

一、基本選擇器:
基本選擇器

對(duì)于獲取的元素的個(gè)數(shù)我們可已通過兩個(gè)方法來獲取

$("div").size();
$("div").length();

二、進(jìn)階選擇器:
進(jìn)階選擇器
三、層次選擇器:
層次選擇器

在兼容CSS選擇器模式的同時(shí)下,Jquery又自定義了獨(dú)特的方法進(jìn)行DOM對(duì)象的選擇。具體方法如下:

$('#box').children('p').css('color','red'); //等同于子選擇器
$('#box').next('p').css('color','red'); //等同于同級(jí)下一個(gè)元素
$("#box").nextAll('p').css('color','red'); //等同于同級(jí)所有下面的元素
$("#box").prev('p').css('color','red'); //等同于同級(jí)上一個(gè)元素
$("#box").prevAll('p').css('color','red'); //等同于同級(jí)所有下面的元素
$("#box").prevUntil('p').css('color','red'); //等同于同級(jí)上非指定元素選定,遇到則停止
$("#box").nextUntil('p').css('color','red'); //等同于同級(jí)下非指定元素選定,遇到則停止
$("#box").siblings('p').css('color','red'); //等同于同級(jí)上下所有元素

四、屬性選擇器:
屬性選擇器
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一.什么是jQuery jQuery是一個(gè)JavaScript庫,它通過封裝原生的JavaScript函數(shù)得到一整...
    love2013閱讀 639評(píng)論 0 4
  • 作為前端和后臺(tái)最基礎(chǔ)可靠的神器工具JQuery,你真的對(duì)她有足夠了解么? 亞非拉地區(qū)苦逼的前端er們,有時(shí)候不得不...
    扭了個(gè)妞閱讀 407評(píng)論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,199評(píng)論 1 92
  • 第 3 章 常規(guī)選擇器 學(xué)習(xí)要點(diǎn):1.簡單選擇器2.進(jìn)階選擇器3.高級(jí)選擇器 jQuery 最核心的組成部分就...
    曹淵說創(chuàng)業(yè)閱讀 332評(píng)論 0 0
  • 近些年來,在國內(nèi)的各種書籍和文章中,速成的火熱是眾所周知的。各種所謂的成功人士,不斷的宣傳所謂的快速成功的秘訣,告...
    辰星劇社馬沖閱讀 480評(píng)論 2 2

友情鏈接更多精彩內(nèi)容