jquery判断元素是否存在

JavaScript09

jquery判断元素是否存在,第1张

jquery判断页面中是否存在某元素,可以参考以下的代码:

<script>

if($('div').length>0) {

alert('页面中存在div元素')

} else {

alert('页面中不存在div元素')

}

</script>

上述代码思路说明 : 判断某一个元素的集合的个数。若是为0,则代表没有这样元素;若是大于0,则代表有这个元素。

扩展资料:

工作原理

jQuery的模块可以分为3部分:入口模块、底层支持模块和功能模块。

在构造jQuery对象模块中,如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式,则会调用选择器Sizzle(一款纯JavaScript实现的CSS选择器引擎,用于查找与选择器表达式匹配的元素集合)遍历文档,查找与之匹配的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。

jQuery 实例

<html>

<head>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("p").click(function(){

$(this).hide()

})

})

</script>

</head>

<body>

<p>If you click on me, I will disappear.</p>

</body>

</html>

参考资料来源:百度百科-jQuery

js脚本里调用jquery的方法:

函数是可以调用的,方法就不能调用,还有,JQ的函数里的对象是JQ,而JS和JQ的方法不能混着用,如果你JQ想用JS的方法就把对象转成JS对象,如果JS想用JQ的方法就把JS对象转成JQ对象

// JS获取对象

var obj = document.getElementById('id')

// 把JS对象转换到jQuery对象

var $obj = $(obj)

var $obj = $('#id')

// jQuery对象转换到JS对象

var obj = $obj.get(0)