在指定的查找范围内获取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元素相关推荐
- vue.js -- 获取dom元素的样式(非行内样式)
在vue中获取dom元素的样式: this.$refs.menuList.style.top; 这种获取方式是只能获取到元素的行内样式的. this.$refs.menuList.getBoundin ...
- vue如何获取div的宽度_vue获取dom元素高度的方法
获取DOM高度: 要在钩子mounted里面dom结构生成后去获取dom的高度,宽度,修改样式等操作(参照生命周期钩子mounted语法:https://cn.vuejs.org/v2/api/#mo ...
- vue获取dom元素高度的方法
本文转载自: https://www.cnblogs.com/lhl66/p/7908133.html 作者:lhl66 转载请注明该声明. 获取高度: <div ref="自定义名称 ...
- 获取DOM元素方法小结
在开发中不可避免的需要操作DOM,现在就来总结一下原生的获取DOM的API. getElementById() 该方法是最常用的通过元素的id属性来获取DOM元素的API,返回一个DOM元素. < ...
- 通过原生js获取dom元素的九种方式
获取dom元素 <body><!-- <div id="box">我是一个DIV</div><p class="item& ...
- js中获取dom元素高度
目录 1.dom元素的宽高 2.鼠标事件中的常用高度宽度: 3. 总结: 4.参考博客: 1.dom元素的宽高 javascript中获取dom元素高度和宽度的方法如下: 网页可视区域宽: docum ...
- Vue.js实例学习:获取DOM元素
一.获取DOM元素 在Vue中获取DOM元素,我们可以用ref. 用法(和React一样): (1)在组件的DOM部分,任意标签中 写上:ref="xxx" (2)通过组件对象 t ...
- ref 引用(vue获取DOM元素)
ref 引用 jquery 牛逼 简化了程序员操作DOM的过程 vue 优势: MVVM 在 vue 中,程序员不需要操作DOM.只需要把数据维护好!(数据驱动视图) 结论:在 vue 项目,强烈不建 ...
- vue获取dom元素注意问题
mounted(){setTimeout(()=>{this.contentToggle();},1000)},methods:{contentToggle(){console.log(this ...
最新文章
- 海量数据库解决方案2011032301
- 每日一皮:当我看到Bug背后的一切...我退缩了...
- 任务01——谈谈对参与工作室的预期
- ngrok编译和安装
- 如何在私服上传jar包
- Matplotlib 可视化之多图层叠加
- undefined reference to `sqrt‘ 问题
- ASP.NET Core 中文文档 第一章 入门
- java中两任务并行运行_Java并行编程中的“可调用”与“可运行”任务
- java删除多选项_java – 选项菜单默认灰色边框删除
- oracle最简单的分页sql语句,oracle中分页sql语句
- 松下PLC REXT总线伺服案例 本案例采用松下FPXH系列的总线型 PLC和松下总线伺服共8轴的系统
- java hevc和heif_什么是HEVC和HEIF?有什么优缺点?
- 我一个普通程序员,光靠GitHub打赏就年入70万,
- 纯css控制文字显示隐藏
- [AHK]自动运行一键选股
- 大学物理磁场相关公式
- 金蝶云如何html5登录,金蝶精斗云登录时,网页端和客户端如何选择?
- 讨教大学|六西格玛黑带 面试题请收藏!
- mux vlan的场景应用