欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 >

在指定的查找范围内获取DOM元素

发布时间：2025/7/14 61 豆豆
生活随笔 收集整理的这篇文章主要介绍了 在指定的查找范围内获取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元素的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。