jQuery選擇器中的包含關係
剛剛開通了自己個人的微博和部落格,由於沒有過類似的經歷,所以有些不知所措。
說起來自己有寫部落格記錄生活工作中的滴滴滴滴這個想法也是很久了。。
聽前輩說寫部落格總結非常有作用卻一直沒有實際行動。
今天,算是總算是行動了,因為是第一遍博文,就寫一點自己最初學到的非常基礎的小知識。
記得剛開始接觸jQuery選擇器的時候,看到前輩程式碼裡這三個類似的東西:$('Dom節點1','Dom節點2') 和 $('Dom節點1, Dom節點2') 和 $('Dom節點1 Dom節點2');
可是這裡面又有什麼區別呢?
$('Dom節點1','Dom節點2') 是$(子,父),是從父節點裡找子,也就是從Dom節點2裡面找Dom節點1,而不是找Dom節點2外面的Dom節點1;
$('Dom節點1, Dom節點2') 才是找所有的Dom節點1和Dom節點2,之間不存在父子關係;
$('Dom節點1 Dom節點2') 是找Dom節點1裡面所有Dom節點2,包括子級,孫子級,總之就是Dom節點1裡面所有Dom節點2,不管有幾層關係。
其中Dom節點的意思不用給大家解釋了吧?(div,span,li,table等等都是Dom節點)
好了,話不多說,點擊發送了~
期待大家的點評和建議哦。
相關推薦
jQuery選擇器中的包含關係
剛剛開通了自己個人的微博和部落格,由於沒有過類似的經歷,所以有些不知所措。 說起來自己有寫部落格記錄生活工作中的滴滴滴滴這個想法也是很久了。。 聽前輩說寫部落格總結非常有作用卻一直沒有實際行動。 今天,算是總算是行動了,因為是第一遍博文,就寫一點自己最初學到的非常基礎的小知識。 記得剛開始接觸jQuery選
jQuery選擇器中的萬用字元[id*='id']及jquery選擇器總結
1.選擇器 (1)萬用字元: $("input[id^='code']");//id屬性以code開始的所有input標籤 $("input[id$='code']");//id屬性以code結束的所有input標籤 $("input[id
JQuery選擇器中使用正則表示式例項
function selectAll(checked) { // 以ssss開頭並且以xxxx結束$(":checkbox[id^='ssss'"][id$='xxxx']").each(function(){$(this).attr("checked", checked);});// 以ssss開頭或者以
jquery選擇器中的空格與大於號>、加號+與波浪號~的區別
概念 空格:$('parent childchild')表示獲取parent下的所有的childchild節點 大於號:$('parent > childchild')表示獲取parent下的所有下一級childchild 加號:$('pre + nextbr
jquery選擇器中含有不含有空格的問題
在《jquery權威指南》中看到一個很有趣的例子,在jQuery中,含有或不含有空格的DOM物件是不一樣的 書中原始碼 js $(function(){ var $objTmp0=$(".myCls :hidden");//選擇器中含有空格符 var $objT
jquery選擇器中的空格、大於號、加號、波浪號的意思解析
經常看到Jquery程式碼中有一些比較不太熟悉的寫法,比如空格,大於號什麼的。今天就碰到個加號的,看半天沒看懂,決定今天把這個問題總結一下。有需要的朋友可以參考一下。 空格:$('#phpernote span')
JQuery選擇器中的子元素選擇器
子元素篩選選擇器不常使用,其篩選規則比起其它的選擇器稍微要複雜點,其實博主感覺並不怎麼難啦,因為單詞so easy,哈哈。 我們來看看都有哪些吧: 注意: 1. :first只匹配一個單獨的元
jQuery選擇器中含有空格的注意事項
此文摘自《鋒利的jQuery》,另外添加了一點自己的東西選擇器中的空格是不容忽視的,多一個空格或少一個空格也許得到的結果會截然不同的。下面來看一個例子。 先構建如下的HTML程式碼:<div class="test"> <div style="displa
jquery選擇器中加變數引數
比如funciton(id){ $("ID為變數id的元素").hide(); } 可以寫成: funciton(id){ $("#"+id的值).hide();//比如$("#"+myid).hide(); } 隱藏 $("#id").hide(); 顯
jQuery中選擇器(包含例項)
因為我查了一下,發現網上別人總結的確實也都不錯了,所以我下面主要是對選擇器的使用(其實主要還是為了督促自己多練習使用啦)jQuery中的選擇器,主要也就分為:基本選擇器、屬性選擇器、內容選擇器、過濾選擇器、子元素選擇器、表單元素選擇器等基本選擇器,也是我們用的最多的,我就不再
JQuery ID選擇器中的不能包含特殊字元(=,@ etc.)
最近在開發一個介面時發現了某些特殊情況下ID選擇器就會出現無效的情況,經查原來是的動態生成的Dom 元素的ID中包含“=”導致(你可能會問為什麼會在ID中有“=”號,我只能說這種情況雖然不多,但是有,比如我的情況,我的ID是某個字串Base64編碼之後的字串)。 JQu
利用jQuery選擇器快速匹配文檔中的按鈕,並為該按鈕綁定事件處理函數
body var jquery pla .org title color button ansi <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
jQuery的選擇器中的通配符[id^='code']
子節點 處理 put main 操作 efi cti 標簽 code 1.選擇器 (1)通配符: $("input[id^=‘code‘]");//id屬性以code開始的所有input標簽 $("input[id$=‘code‘]");//id屬性以code
h5中類jQuery選擇器querySelector的使用
轉載自http://www.cnblogs.com/Wayou/p/html5_web_api_queryselector.html 簡介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll兩個方法用來更方便地
HTML5中類jQuery選擇器querySelector的使用
原文:https://www.cnblogs.com/Wayou/p/html5_web_api_queryselector.html 簡介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll兩個方法用來更方便
jQuery 的CSS選擇器 中 使用變數的方法
比如info是一個字串變數,如果需要去該變數的值,需要使用下面的語句: 語法:alert($("#"+id).val());例如:使用id設定隱藏控制元件 $(".img").mouseover(fu
jQuery的選擇器中的萬用字元[id^='code']或[name^='code']及jquery選擇器總結
1. 基礎選擇器 Basics 名稱 說明 舉例 #id 根據元素Id選擇 $("divId") 選擇ID為divId的元素 根據元素的名稱選擇, $("a") 選擇所有<a>元素 根據元素的css類選擇 $(".bgRed") 選擇所用CSS類為bgRed的元素 *
chrome 中的console 下無法使用jquery選擇器
大部分網站可以通過CSS 樣式選擇器在console中篩選元素。但是有時候會遇到某些網站不支援。原因現在並不知道,希望知道的大神賜教。 jquery 地址 http://code.jquery.c
jQuery 選擇器獲取組合類中的類名
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x
分針網——IT教育:jquery選擇器的用法
jQuery選擇器是jQuery庫的一大特色,用這些選擇器不但可以省去繁瑣的JavaScript 書寫方式,還可以節省時間和效率,正是有這些jQuery選擇器,才讓我們更容易的操作JavaScript的dom。 1. 基本選擇器 ·#id 根據