本篇文章給大家談談jquery選擇器找子元素，以及jquery獲取子節點對應的知識點，文章可能有點長，但是希望大家可以閱讀完，增長自己的知識，最重要的是希望對各位有所幫助，可以解決了您的問題，不要忘了收藏本站喔。
jquery的主要功能有哪些
jQuery的主要功能有：
1、快速獲取文檔元素：jQuery的選擇機制構建于css的選擇器，它提供了快速查詢DOM文檔中元素的能力，而且大大強化了JavaScript中獲取頁面元素的方式。
2、提供漂亮的頁面動態效果：JQuery中內置了一系列的動畫效果，可以開發出非常漂亮的網頁，目前許多知名的網站都使用了jQuery的內置的效果，比如淡入淡出，元素移除等動態特效。
3、創建Ajax無刷新網頁：Ajax是異步的JavaScript和XML的簡稱，可以開發出非常靈敏無刷新的網頁，特別是開發服務器端網頁時，比如PHP網站，需要往返地與服務器溝通，如果不使用Ajax，每次數據更新不得不重新刷新網頁，而使用了Ajax特效后，可以對頁面進行局部刷新，提供非常動態的效果。
4、提供對JavaScript語言的增強：JQuery提供了對基本JavaScript結構的增強，比如元素選代和數組處理等操作。
5、增強的事件處理：jQuery提供了各種頁面事件，它可以避免程序員在HTML中添加太多事件處理代碼，最重要的是，它的事件處理器消除了各種瀏覽器兼容性問題。
6、更改網頁內容：JQuery可以修改網頁中的內容,比如更改網頁的文本、插入或轉網頁圖像,jQuery簡化了原本使用JavaScript代碼需要處理的方式。
jquery中子元素和后代元素的區別
和現實生活中的概念一樣，子就是指兒子，是自己直接生出來的，而后代則是指兒子、孫子、曾孫、重孫……十八代……乃至千秋萬代，即輩分低于自己的所有都是后代。
比如下面的：
111
222
333
......
ul是div的子元素，p也是div的子元素，li是ul的子元素，span是p的子元素，li和span不是div的子元素；
而ul、li、p、span都是div的后代元素。
在JQuery中，$("divul")這樣選擇的其實是后代元素，即ul不管與div隔了多少代都會被選中；只有$("div>ul")這樣才是真正選擇的子元素，即緊挨著div的ul
css有沒有通過指定子元素屬性，來選擇父元素的方法
沒有的！但是有些情況可以模擬那種效果，但是這種情況并不多見！建議你還是用jquery來寫比較好
js選項有哪些
JS選擇器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()
A：getElementById(ID):返回對指定ID的第一個對象的引用，如果在文檔中查找一個特定的元素，最有效的方法是getElementById()
B:getElementsByName(name):返回文檔中name屬性為name值的元素，因為name屬性值不是唯一的，所以查詢到的結果有可能返回的是一個數組，而不是一個元素。
C:getElementsByTagName(tagname):返回文檔中指定標簽的元素
D:getElementsByClassName():返回文檔中所有指定類名的元素
E:querySelector():返回文檔中匹配指定css選擇器的第一個元素
F:querySelectorAll():返回文檔中匹配指定css選擇器的第一個元素
二、jQuery選擇器#
內容
基本選擇器有ID選擇器、類選擇器、標簽選擇器、通用選擇器，事件的添加方法如下：
$(...).事件名(function(){});
屬性樣式有：
$(...).css("border","1pxsolidred")
$(...).css({...})
$(...).css("border")
$(...).attr(屬性名,值)
$(...).html()innerHTML
$(...).text()innerText
$(...).val()value值
$(...).addClass()增加
$(...).removeClass()移除
$(...).toggleClass()開關**
選擇器的詳細使用方法：#
屬性選擇器的補充：
例如：找到當前class.rightnav-bar下的所有含有data-scrollto屬性的元素
$('.rightnav-bar[data-scrollto]');
varscrollEl=$('[data-scrollto]');//整個頁面只有需要找的元素含有data-scrollto屬性時，也可以這樣用
//vartabIndex=$(".tlt1a[data-types='support']").index();
jquery選擇不存在的元素如何做到不報錯的
剛好這個月在看jquery源碼，要回答這個問題，當然要從jquery源碼來看了；
在這兒，使用的是jquery2.0.3的版本源碼進行說明；如，我們使用jquery去查找一個頁面不存在的元素$('#test')元素，看下源碼具體走了哪些；在這兒就不一步一步進行源碼分析，只是進行簡單說明；
通過下圖代碼可以看出，調用$('#test')時，會走jquery.fn.init函數；然后我們去看下此函數；
由于函數代碼量過多，就不截圖；簡單說下，此函數會對傳入的“selector”進行分類及各種情況處理；而這兒我們就看是id為test情況；首先它會通過下圖判斷
然后，會通過一個正則“match=rquickExpr.exec(selector);”進行匹配，匹配"#test"結果match如下：
然后會走原生方法document.getElementById方法：
因為頁面本來沒有此元素，所以會直接返回空（null），最后會走下圖代碼，返回最終結果由上圖代碼可知，即使返回結果為空，它也會返回一個jquery對象，里面包含context、selector屬性，還有繼承的jquery全局方法，結果如下圖：所以，如果你即使查找一個沒有的元素，它也會返回一個jquery對象，你也可以直接使用對象中所有的jquery全局方法；
上面只是用id的簡單的方式，如果是類、標簽、css等其他復雜的進行查找時，jquery會根據類型和瀏覽器的版本不同，使用不同的方式進行查找，但最終返回結果都差不多，而且即使沒有，都會返回一個jquery對象；
jquery怎么修改另一個頁面的數據
要修改另一個頁面的數據，可以使用jQuery的AJAX功能。
首先，使用$.ajax()函數發送一個GET或POST請求到另一個頁面的URL。
然后，在成功回調函數中，可以使用jQuery選擇器來找到需要修改的元素，并使用相應的方法（如.text()或.val()）來修改數據。
最后，將修改后的數據保存到服務器上，以便在另一個頁面加載時可以獲取到更新后的數據。這樣就可以通過jQuery來修改另一個頁面的數據了。
文章到此結束，如果本次分享的jquery選擇器找子元素和jquery獲取子節點的問題解決了您的問題，那么我們由衷的感到高興！
