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

最新推荐文章于 2023-02-22 11:28:57 发布

weixin_30483697

最新推荐文章于 2023-02-22 11:28:57 发布

阅读量383

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/baixc/p/3410003.html

版权

在指定的查找范围内获取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

weixin_30483697

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在指定的查找范围内获取DOM元素

在指定的查找范围内获取DOM元素（1）功能描述　　定义两个全局变量，其$objTmp0通过$(expression,[context])方法获取DOM元素div0，另外一个变量$objTmp1通过$(element)方法获取元素div1，然后，自定义一个名为TestFun的函数，该函数的作用是通过定义的全局变量，设置DOM元素的内容，并显示在页面中。（2）实现代码<!DOCT...
复制链接

扫一扫