jquery对象与js对象转换
2016-04-28 22:05
381 查看
jQuery对象是在dom对象上封装了一层,提供了更多更便捷的方法
说说我在使用过程中的例子
1、一般情况下都用jQuery对象,毕竟方便,API也熟练一点,dom转jquery只需要加个$就好了,比如:
JavaScript code
2、判断页面是否存在某元素时,jQuery对象转成dom对象,比如:
JavaScript code
jquery包装集:通过${exp}筛选出的一组满足表达式的元素。也就是jquery对象,是一组元素(数组),不管它含有几个元素。
虽然是以id的形式获取的一个包装集,它里面只有一个元素,但它也是一个集合。
常用方法:
1、获取包装集中的元素个数:size() 或 length
2、获取包装集中的元素:get(index) 注意这时会转换成js对象,不能使用jquery的方法了。
3、某个元素在包装集中的位置:index(element)
jquery对象转成js对象:
js对象(DOM对象)转jquery对象:其实也比较简单,就是用jQuery的符号$()把元素包装起来就可以了,代码如下:
说说我在使用过程中的例子
1、一般情况下都用jQuery对象,毕竟方便,API也熟练一点,dom转jquery只需要加个$就好了,比如:
JavaScript code
var a = document.getElementById("a"); var $a = $(a);
2、判断页面是否存在某元素时,jQuery对象转成dom对象,比如:
JavaScript code
if($("#id")[0]){ //存在时执行的方法 }
jquery包装集:通过${exp}筛选出的一组满足表达式的元素。也就是jquery对象,是一组元素(数组),不管它含有几个元素。
$("#btn"); //这就是一个jquery包装集
虽然是以id的形式获取的一个包装集,它里面只有一个元素,但它也是一个集合。
常用方法:
1、获取包装集中的元素个数:size() 或 length
2、获取包装集中的元素:get(index) 注意这时会转换成js对象,不能使用jquery的方法了。
3、某个元素在包装集中的位置:index(element)
jquery对象转成js对象:
var tb = $("#div1"); var t1= tb.get(0); // jquery提供的方法转换成DOM对象 var t2 = tb[0]; //使用数组下标的方式转成DOM对象
js对象(DOM对象)转jquery对象:其实也比较简单,就是用jQuery的符号$()把元素包装起来就可以了,代码如下:
var dom=document.getElementById(‘btn’); var btnquery=$(dom);
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- Python动态类型的学习---引用的理解
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- javascript实现10进制转为N进制数
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 最后一次说说闭包
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究