jQuery学习笔记之jQuery中的$
在jQuery中,最常用的莫过于使用美元符号$,它提供了各种各样的丰富功能。包括选择页面中一个或者一类元素、作为功能函数的前缀、windows.onload的完善,创建DOM节点等。本文介绍jQuery的用法。作为基础
1.选择器
在css中,选择器的作用是选择页面的某一类(类别选择器)元素或者某个(id选择器)。而jQuery中的“$”作为选择器,同样是选择某类或者某个元素,只不过jQuery提供了更全面的选择方式。而且为用户处理了浏览器兼容问题。
例如在在css<h2>下的<a>元素,css:
h2a{
/*添加css属性*/}
在jQuery中,通过以下代码选择h2下的a元素,作为一个对象数组,供javascript使用。
$("H2a")
例子:
<body>
<scripttype="text/javascript">
window.onload=function(){
varoElements=$("h2a");//选择匹配元素
for(vari=0;i<oElements.length;i++)
oElements[i].innerHTML=i.toString();
}
</script>
<h2><ahref="#">正文</a>内容</h2>
<h2>正文<ahref="#">内容</a></h2>
<h2>正文<ahref="#">内容</a></h2>
<h2>正文<ahref="#">内容</a></h2>
<h2>正文<ahref="#">内容</a></h2>
</body>
如上,文档中有5个<H2>标记,分别包含了<a>元素,使用$选择器,如下,可以看到jQuery轻松的实现了元素的选择,如果使用DOM,类似这样的节点将要使用大量的javascript代码。
jQuery中选择器的通用语法如下
$(selector)
或者
jQuery(selector)
其中,selector符合css标准,甚至css3的标准
例如:
$("#showDiv")
id选择器,这相当于javascript中,document.getElementById("shouDiv"),可以看到jQuery的变色方法简洁很多。
$(".newClass")
类别选择器,选择css类别为"newClass"元素的节点,在javascript要实现相同的选择,需要用for循环遍历整个DOM
$("p:odd")
选择所有奇数行的p元素,几乎所有的标记都可以使用":odd"和":even"选择奇偶的选择。
$("td:nth-child(1)")
选择所有表格行的第一个单元格,就是第一列。这在修改表格的某一列是非常有用的,不再需要一行行的遍历表格。
$("li>a")
子选择器,返回<li>下标记的<a>元素,不包括孙元素标记
$("a[herf$=pdf]")
属性选择器,选择所有超链接,并且这些链接是以pdf结尾的。有了属性选择器,可以很好的选择页面中各种特性的元素
总结:
$就是jQuery的别称
而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数,因为还有$.ajax(options)这样的使用,等同jQuery.ajax(options))
这个函数的作用是根据()里的参数进行查找和选择html文档中的元素,函数作用之一就是GetElementByID的代替,但()内不仅可以是ID,还可以是各类选择器
相关文章
- jQuery开发补充笔记
- JQuery-学习笔记03【基础——DOM操作】「建议收藏」
- jquery选择器用法_jQuery属性选择器
- JQuery初体验(建议学习jquery)
- JQuery学习笔记选择器之三
- JQuery学习笔记选择器之四
- jQuery技巧大放送学习jquery的朋友可以看下
- JQuery学习笔记01JQuery初接触
- jQuery学习笔记[1]jQuery中的DOM操作
- jQuery学习笔记之jQuery的事件
- jQuery源码分析笔记
- jQuery源码分析笔记(4)Ready函数
- jquery跨域访问问题解决方法(笔记)
- JQuery自定义CircleAnimation,Animate方法学习笔记
- jquery学习笔记用jquery实现无刷新登录
- jquery中ajax学习笔记4
- 那些年,我还在学习jquery学习笔记
- php中jQuery插件autocomplate的简单使用笔记
- Jquery插件写法笔记整理
- jQuery学习笔记操作jQuery对象CSS处理
- jQuery学习笔记操作jQuery对象文档处理
- jQuery学习笔记更改jQuery对象
- jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
- jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
- jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
- Jquery中LigerUi的弹出编辑框(实现方法)
- 分享2个jQuery插件--jquery.fileupload与artdialog
- jQuery学习笔记之基础中的基础
- jQuery学习笔记之2个小技巧
- jQuery学习笔记之jQuery+CSS3的浏览器兼容性