jquery怎么判断页面中是否存在某元素

在jquery中 , 通过获得某元素对象 , 使用length属性便可实现判断页面是否在某个元素 。 下面小编举例讲解jquery怎么判断页面中是否存在某元素 。

jquery怎么判断页面中是否存在某元素

文章插图

需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery怎么判定页面中是否存在某元素 。
jquery怎么判断页面中是否存在某元素

文章插图

2在test.html文件内 , 在p标签内 , 利用input标签建立一个文本框 , 用于输入要查找的元素 。

jquery怎么判断页面中是否存在某元素

文章插图

3在test.html文件内 , 设置input标签的id属性为myinput , 本家儿要用于下面获得input对象 。

jquery怎么判断页面中是否存在某元素

文章插图

4在test.html文件内 , 利用button标签建立一个按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行seaelem()函数 。
jquery怎么判断页面中是否存在某元素

文章插图

5在js标签中 , 建立seaelem()函数 , 在函数内 , 经由过程id获得input对象 , 利用val()方式获得要查找的元素 , 再经由过程$获得该元素对象 , 利用length属性获得元素在页面的个数 , 经由过程if语句判定 , 提醒查找的成果 。

jquery怎么判断页面中是否存在某元素

文章插图

6在浏览器打开test.html文件 , 输入查找的元素 , 点击按钮 , 查看成果 。
jquery怎么判断页面中是否存在某元素

文章插图

总结:1【jquery怎么判断页面中是否存在某元素】1、建立一个test.html文件 。
2、在文件内 , 利用input标签建立一个查找的元素输入框 , 同时建立一个button按钮 , 用于触发执行js函数 。
3、在js标签内 , 建立函数 , 在函数内 , 经由过程id获得input对象 , 利用val()方式获得要查找的元素 , 再经由过程$获得该元素对象 , 利用length属性获得元素在页面的个数 , 经由过程if语句判定成果 。


注重事项length属性获得的元素个数 , 若是个数大于零 , 则代表页面存在该元素 。

以上内容就是jquery怎么判断页面中是否存在某元素的内容啦 , 希望对你有所帮助哦!

    推荐阅读