JQuery快速入门-选择器
生活随笔
收集整理的這篇文章主要介紹了
JQuery快速入门-选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
JQuery選擇器
JQuery 選擇器繼承了CSS 與Path 語言的部分語法,允許通過標簽名、屬性名或內容對DOM 元素進行快速、準確的選擇,而不必擔心瀏覽器的兼容性,通過jQuery 選擇器對頁面元素的精準定位,才能完成元素屬性和行為的處理。
一、選擇器的優勢
代碼更簡單
$(function(){$("#tbStu tr:nth-child(even)").addClass("trOdd"); })上面代碼如果使用原生JavaScript實現的話:1、獲取元素列表;2、通過if判斷%2的元素改變樣式。而JQuery則可以用鏈式方法直接獲取元素并設置樣式,簡潔明了。
弱檢測機制
JavaScript原生態實現時,元素找不到時頁面會報錯而不執行;但是JQuery實現時,元素找不到不會報錯。
?
二、JQuery選擇器類型
JQuery選擇器就是在HMTL文檔里面選擇到想要操作的元素,所以定位元素非常重要,也是JQuery的主要工作內容。只有有了對象后,才能對其操作。
JQuery選擇器分為:
- 基本選擇器
- 層次選擇器
- 表單選擇器
- 過濾選擇器
1、基本選擇器(id、class、元素、多個選擇器)
?
2、層次選擇器(所有后代、所有子元素、向后的第一個鄰居、向后的所有兄弟、上下所有兄弟)
?
3、表單選擇器(input、文本框、密碼框、單選框、多選框、圖像、文件、提交按鈕、重置按鈕、普通按鈕)
?
?4、過濾選擇器(序號過濾、內容過濾、屬性過濾、子元素過濾、表單對象過濾)
? ? ?
?
轉載于:https://www.cnblogs.com/skyflask/p/9113810.html
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的JQuery快速入门-选择器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Linux下 执行程序
- 下一篇: 发福利喽稀疏FFT