jQuery find()
此方法獲得匹配元素集合中所有元素的子元素集合,可以通過選擇器、jQuery物件或元素刪選。
語法結構一:
[JavaScript] 純文字檢視 複製程式碼.find(selector)
引數解析:
selector:一個用於匹配元素的選擇器字串。
jQuery1.0版本新增。
語法結構二:
[JavaScript] 純文字檢視 複製程式碼.find(element)
引數解析:
element:一個dom元素或一個jQury物件用來匹配元素。
jQuery1.6版本新增。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> .box{ width:300px; height:250px; background:#ccc; } .ant{ width:200px; height:150px; background:green; } p{ width:100px; height:30px; line-height:30px; background:blue; text-align:center; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".box").find("p").css("color", "red"); }) </script> </head> <body> <div class="box"> <div class="ant"> <p>螞蟻部落一</p> </div> <p>螞蟻部落二</p> </div> <p>螞蟻部落三</p> </body> </html>
以上程式碼可以將box元素下的所有p元素的字型顏色設定為紅色。
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> .box{ width:300px; height:250px; background:#ccc; } .ant{ width:200px; height:150px; background:green; } p{ width:100px; height:30px; line-height:30px; background:blue; text-align:center; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ var op = document.getElementById("p"); $(".box").find(op).css("color", "red"); }) </script> </head> <body> <div class="box"> <div class="ant"> <p id="p">螞蟻部落一</p> </div> <p>螞蟻部落二</p> </div> <p>螞蟻部落三</p> </body> </html>
以上程式碼將box元素下id屬性值為p的元素的字型顏色設定為紅色。
相關文章
- jQuery filter()和find()區別jQueryFilter
- jquery , find the event handler,找到jquery中的event handlerjQuery
- find 命令
- find命令
- find -newer命令
- JavaScript find()方法JavaScript
- Linux findLinux
- How to find dependency
- find process by port
- forEach、map、filter、find、sort、find等易錯點整理Filter
- OPPO Find X全面評測 OPPO Find X值得買嗎?
- find 命令入門
- HDU Find the hotel(RMQ)MQ
- grep、find命令整理
- Oracle Find block in ASMOracleBloCASM
- Find命令總彙
- find命令詳解
- find 命令專題
- find 命令詳解
- linux find命令Linux
- linux find 命令Linux
- Find命令練習
- linux find 命令!Linux
- find 命令全面解析
- B. Find The Array
- find 命令及其示例
- `find` 命令詳解
- 解決cannot find module providing package或cannot find main modulePackageAI
- find: paths must precede expression:Express
- 並查集(Union Find)並查集
- Union Find程式碼塊
- [shell基礎]——find命令
- Linux - find與grepLinux
- Find me - 用 ARKit 找人
- find命令檔名字尾
- 我常用的find命令
- Rails動態find_byAI
- linux之shell findLinux