加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

jQuery进修第一课:jQuery选择符

发布时间:2018-08-21 14:35:51 所属栏目:业界 来源:站长网
导读:要对页面上的某个元素举办操纵,起主要选中它,这就要用到选择符。选择符可以以为是一个加强版的getElementById要领。getElementById要领返回的是一个HTML元素, jQuery 选择符返回的是HTML元素的一个包装。操作这个包装集,jQuery赋予了HTML元素更多的可以
要对页面上的某个元素举办操纵,起主要选中它,这就要用到选择符。选择符可以以为是一个加强版的getElementById要领。getElementById要领返回的是一个HTML元素,jQuery选择符返回的是HTML元素的一个包装。操作这个包装集,jQuery赋予了HTML元素更多的可以操纵的要领。在JQuery中,处于焦点职位的一个函数就是$。对,它就是一个函数,名字有点离奇。这个函数就是选择函数,其一样平常用法是

var obj=$(selector);

个中selector是一个字符串,就是下面要着重先容的选择符。返回的是元素的包装荟萃。究竟上,JQuery的焦点$函数的威力远不止看成选择符来用,当它的参数是一个函数的时辰,它的浸染是相同onload变乱,当页面的DOM元素完全加载后,它参数内的要领就会被执行。它比onload更有上风,onload只能注册1个函数,可是它可以多次被挪用,也就是可以注册多个函数到DOM加载完全后执行,并且onload是要等页面上的全部内容都加载完毕后再执行的,假若有大图片等内容,也许造成函数执行延时。而$函数只要DOM布局完全加载就可以执行。下面看一个简朴的例子:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JQuery First Page - Liehuo.net</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
var p=$('#p1');
alert(p);
});
</script>
</head>
<body>
<p id="p1">I'm a p</p>
</body>
</html>

可以看到,最简朴的选择器就是和getElementById相同的,操作元素的ID作为选择符。可以看看p到底是什么,操作js调试器可以看到:

image

p是一个相同数组的工具,内里包括了被选中的元素。打开[Methods]结点可以看到许多要领,都是jQuery提供的要领。在这个例子中,元素只有一个,因此通过p[0]就能得到该HTML元素,p[0]就是和getElementById得到的工具是一样的。

 

jQuery选择符的强盛之处在于它险些完全兼容CSS2的选择符,而不管你的赏识器是否兼容CSS2。假如对CSS选择符还不认识的,请参考我的上一篇日记:CSS选择符。对付选择到的元素,可以给他施加许多要领,这些要领不是本文先容的重点,这里先先容一个,就是css(attr,value)要领,这个要领可以给包装元素的css属性中的attr属性的值配置为value.下面举的例子就是操作这个要领给页面元素增进一点字体上的变革,我们可以以此区分出某个选择符到底选中了哪些元素。这个例子和我上一篇的例子的内容险些是一样的,我就不加表明白,只是这篇的例子也都合用于IE6!

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读