1. 程式人生 > >JQuery瞬間回想-3(children和find區別)

JQuery瞬間回想-3(children和find區別)

1、children使用

取得一個包含匹配的元素集合中每一個元素的所有子元素的元素集合。

可以通過可選的表示式來過濾所匹配的子元素。注意:parents()將查詢所有祖輩元素,而children()只考慮子元素而不考慮所有後代元素。

2、find使用

搜尋所有與指定表示式匹配的元素。這個函式是找出正在處理的元素的後代元素的好方法。

<body>
<ul id="ul-root">
	<li>1</li>
    <li>2</li>
    	<ul>
        	<li>2.1</li>
            <li class="special">2.2</li>
            <li>2.3</li>
            <li>2.4</li>
        </ul>
     <li class="special">3</li>
     <li>4</li>
</ul>
<script src="jquery-3.2.1.js"></script>
<script>
$(document).ready(function() {
    
	$('#ul-root').children('.special').css('font-weight', 'bold');
	
	$('#ul-root').find('.special').css('background-color', 'red');
});
</script>
</body>

效果圖如下圖所示


children和find的區別在於:children只會遞迴一層,而find會一直沿著文件樹的層次遍歷所有的後代元素,除此之外,這兩個函式的功能幾乎一樣的

相關推薦

JQuery瞬間回想-3childrenfind區別

1、children使用 取得一個包含匹配的元素集合中每一個元素的所有子元素的元素集合。 可以通過可選的表示式來過濾所匹配的子元素。注意:parents()將查詢所有祖輩元素,而children()只

一個樣例看清楚JQuery子元素選擇器children()find()的差別

csdn 連接 網絡 type 文章 java main on() track 近期在我們的hybrid app項目開發中定位出了一個問題。通過這個問題了解下JQuery選擇器find()和children()的差別。問題是這種:我們的混合app是一個單頁面應用(mai

一個例子看清楚JQuery子元素選擇器children()find()的區別

最近在我們的hybrid app專案開發中定位出了一個問題,通過這個問題了解下JQuery選擇器find()和children()的區別。問題是這樣的:我們的混合app是一個單頁面應用(main.html),邏輯上的頁面是通過專案自定義的.mspl檔案(其實就是html檔案

jquery children()find()區別

廢話不多說 直接上程式碼<html> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ /*background-col

爬蟲Py2Py3區別

什麼是字元編碼? 計算機裡的所有資料,本質都是二進位制 二進位制 0b01100001 十進位制 97 通過 ASCII編碼表 對應字元 ‘a’ 簡體中文: gb2312、gbk、gb18030, cp936 ,code page 936,一個漢字2個位元組 繁體中文: Big5

C++中換行符‘\n’控制符‘endl’的區別coutprintf區別

1.顯示字串時,在字串中包含換行符,而不是在末尾加上endl,可以減少輸入量 2.如果生成一個空行,則兩種方法的輸入量相同,但對大多數人而言輸入endl更為方便 3.顯示引號括起來的字串通常使用換行符

html4html5區別如何在一個input上新增焦點

html4: <form> <p><label>Username:<input name=search type="text" id="search">

jquery中選擇器childrenfind區別

children()和find()的異同: 1> children及find方法都用是用來獲得element的子elements的,兩者都不會返回 text node,就像大多數的jQuery方法一樣。  2> children方法獲得的僅僅是元素一下級的子

Spark入門3累加器廣播變量

不同 默認 drive 定義 函數 kryo 序列化 任務 啟動 一、概要   通常情況下,當向Spark操作傳遞一個函數時,它會在一個遠程集群節點上執行,它會使用函數中所有變量的副本。這些變量被復制到所有的機器上,遠程機器上並沒有被更新的變量會向驅動程序回傳。在任務之間使

獲取子元素 children()find()的異同:

 1> children及find方法都用是用來獲得element的子elements的,兩者都不會返回 text node,就像大多數的jQuery方法一樣。 *2> children方法獲得的僅僅是元素一下級的子元素,即:immediate children。

2015年藍橋杯省賽B組第3題--三羊獻瑞 暴力深搜

觀察下面的加法算式:       祥 瑞 生 輝   +   三 羊 獻 瑞 -------------------    三 羊 生 瑞 氣 其中,相同的漢字代表相同的數字,不同的漢字代表不同的數

續4月26程式邏輯-3分支迴圈

練習1:猜數字 計算機出一個1-100之間的隨機數,玩家輸入猜測的數字,計算機會給出相應的提示:如果玩家猜測的數字大於計算機出的數字,則提示"小一點";如果玩家猜測的數字小於計算機出的數字,則提示"大一點";如果猜對了就給出恭喜資訊和猜的次數,遊戲結束。

Jquery繫結事件bindlive的區別

Jquery中繫結事件有三種方法:以click事件為例    (1)target.click(function(){});    (2)target.bind("click",function(){}

windows 環境下在anaconda 3中安裝python2python3兩個環境python2python3共存

博主本人是在學習機器學習的過程當中,看到的相關書籍使用的python 版本不一,但又想將每個版本都懂能使用一番,接下來,博主給大家介紹一個比較簡單方便的方式: 首先:安裝python 環境,極力推薦使用anaconda,Anaconda 是 Python 的

讀取指定目錄下的所有文件windows linux 版

char for files tdi hgfs oid 後綴 pau dst 筆者這裏用到了OpenCV,如果不需要用OpenCV代碼的話,可以將這部分代碼去掉即可。 windows vs2015環境代碼如下: #include <io.h> // 結構

控制容器文字行數pc 移動端

phone 行數 spa pre size 以及 :hover 框架 mx4 寫在前面的話:   對於文字的單行以及多行顯示,應該是經常用到的一個功能了,看下文吧~ pc 端:   1. 單行限制(兼容所有瀏覽器) 這裏加了一個 鼠標移入時顯示全部 的效果:

python-基礎入門-3對文件操作

col 文件打開 hello cnblogs you write line div 打印 打開文件用open()函數 open(filename)默認為讀取模式 等價於open(filename,‘r‘) 1 txt=open(filename) 2 print txt.r

集群之mysql主從配置windowslinux版

p s class 本地 -h 路徑 數據庫容災 主從機 混合 二進制文件 起因   由於網站進一步開發運行的需求,要求主機7*24小時運行正常,同時要求能夠防止數據庫災難。考慮到後期的開發程度和業務量,準備向高可用系統進行改變,同時通過負載均衡提高網絡性能。於是第一步就

linux雲自動化運維基礎知識3系統的基本命令

linux運維1 datewatch -n 1 date ###讓date命令每秒執行一次,ctrl +c 推出監控模式date 11181115 ###把系統時間設定為11月18日11:15 格式:月月天天小時分鐘date 111811152016.55 ##2016表示年(可以

開發電子商城3linux下安裝tomact

conn XML cto nbsp strong connector 修改 節點 etc 1:確認安裝了jdk 2:把linux的tomcat 壓縮包上傳到/usr/java 中 3;解壓 tar -zxvf apache-tomcat-7.0.30.tar.gz