你是问Query对象如何转为dom对象吧?若是的话,答案如下:
平泉网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联自2013年起到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
jQuery获取的对象(通过$(...))是jQuery对象,要想转为dom对象,有如下几种方式:
如:var oDiv = $('#myDiv');
oDiv[0]
oDIv.get(0)
使用each函数也能间接实现jQuery对象到dom对象的转换,如:
oDiv.each(function(){
console.log(this instanceof jQuery); // 控制台打印输出false,即:此处的this已经不是jQuery对象了
});
下面呢?
jQuery访问DOM对象有以下方法
1. $('#id')
2. $('.class')
3. $('TagName')
4. $('DOM对象')
监控一个容器,当用户点击时弹出
代码如下
$(function(){
$("Element").click{function(){
alert("点击我哦!");
}
}
});
基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦,但是他俩是可以转换滴)
代码如下
复制代码
代码如下:
$("*")
‘表示获取所有对象
但是我至今没这样用过
$("#XXX")
'获得
id=XXX
的元素对象(id可以是标签的id或CSS样式id)
常用
$("input[name='username']")
获得input标签中name='userName'的元素对象
常用
$(".abc")
'
获得样式class的名字是.abc的元素对象
常用
$("div")
'
标签选择器
选择所有的div元素
常用
$("#a,.b,span")
'表示获得ID是()a的元素和使用了类样式b的元素以及所有的span元素
$("#a
.b
p")
'ID号是a的并且使用了
b样式的
所有的p元素
例
假设有如下代码。
复制代码
代码如下:
var
target_obj
=
jQuery('#target_obj_id');
则,若需要判断id为target_obj_id是否存在的话,可以实现的方法有一下两种:
1、
代码如下
复制代码
代码如下:
if
(target_obj.length
0)
{
//如果大于0
标识
id
为target_obj_id的对象存在,否则不存在
//对象存在的处理逻辑
}
else
{
//对象不存在的处理逻辑
}
2、
代码如下
复制代码
代码如下:
if
(target_obj[0])
{
//对象存在的处理逻辑
}
else
{
//对象不存在的处理逻辑
}