在指定的查找范围内获取DOM元素
生活随笔
收集整理的這篇文章主要介紹了
在指定的查找范围内获取DOM元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在指定的查找范圍內獲取DOM元素
（1）功能描述
定義兩個全局變量，其$objTmp0通過$(expression,[context])方法獲取DOM元素div0，另外一個變量$objTmp1通過$(element)方法獲取元素div1，然后，自定義一個名為TestFun的函數，該函數的作用是通過定義的全局變量，設置DOM元素的內容，并顯示在頁面中。
（2）實現代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>在指定的查找范圍內獲取DOM元素</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script> <style>body{font-size: 13px;}.mycls0{border: solid 1px #666;margin: 5px;width: 200px;}.mycls1{border: solid 1px #ccc;margin: 5px;width: 200px;}.mycls{background-color: #eee;padding: 5px;} </style> <script>$(function(){window.$objPub = { //在全局范圍中，定義一個windows對象 $objTmp0 : $("#div0",".mycls0"),$objTmp1 : $("#div1")}TestFun();})function TestFun(){ //自定義顯示div內容的函數 $objPub.$objTmp0.html("Tmp0");$objPub.$objTmp1.html("Tmp1");} </script> </head> <body><div class="mycls0"><div id="div0" class="mycls" title="tmp0"></div></div><div class="mycls1"><div id="div1" class="mycls" title="tmp1"></div></div> </body> </html>結論：盡量使用$(expression,[context])方法訪問DOM元素。
轉載于:https://www.cnblogs.com/baixc/p/3410003.html
總結
以上是生活随笔為你收集整理的在指定的查找范围内获取DOM元素的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 那些年我们排过的序之希尔排序
- 下一篇： SC-控制Windows服务的命令