DOM对象和jQuery对象之间的相互转换
2015-09-30 15:14
906 查看
例子: <p id="clickMe">Click Me!</p> 1.先获得一个DOM对象,然后将其转换为一个jQuery对象: //Part 1: DOM --> jQuery //DOM object: var pElement = document.getElementsByTagName("p")[0]; alert("DOM pElement: " + pElement.innerHTML); //Convert DOM object to jQuery object: var pElementjQuery = $(pElement); alert("jQuery pElementjQuery: " + pElementjQuery.html()); 2.jQuery对象转换为DOM对象: //Part 2: jQuery --> DOM //jQuery object array: var clickMejQuery = $("#clickMe"); //Convert jQuery object to DOM object (2 ways): //第一种方法: var domClickMe1 = clickMejQuery[0]; alert("dom1: " + domClickMe1.innerHTML); //第二种方法,通过get方法: var domClickMe2 = clickMejQuery.get(0); alert("dom2: " + domClickMe2.innerHTML); 注意:jQuery中$()获取的是一个满足条件的所有元素的数组.
相关文章推荐
- jQuery基础---链式调用
- jQuery学习笔记三
- jQuery学习笔记二
- 编写更好的jQuery代码
- 网页语法高亮jquery插件SyntaxHighlighter使用教程
- Jquery学习应用之 zTree
- 基于jQuery Bar Indicator 插件实现进度条展示效果
- 新jQuery中attr 与 prop的不同
- jQuery的UI库的下载
- jquery插件pagination实现无刷新ajax分页
- jQuery.qrcode.js客户端生成二维码,支持中文并且可以生成LOGO
- jQuery源码学习 之 get与eq的区别
- jQuery复制表单元素附源码分享效果演示
- jquery radio标签操作
- jQuery 事件 - bind() 方法
- jquery 实现 div 拖动效果
- jquery获取、改变元素属性值
- 使用jQuery和css3实现了仿淘宝ued博客左边的菜单切换动画
- ASP.NET MVC的客户端验证:jQuery的验证
- ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现