Jquery基础教程之神奇的$()

$()这个玩意其实是一个jquery封装的功能非常强大的函数,当然,强大的东东,在使用起来也必然会是有点复杂的咯。下面我们来看它的一些强大的用法:

$(expr) 
这个函数可以通过css选择器、Xpath、html代码来匹配目标元素,返回的是一个jQuery对象,jQuery的所有操作都是以此为基石的。
下面来看代码:
HTML代码:

1 <div class="test">
2 <div style="display:none" id="php">
3         我是强大的PHP
4     </div>
5 <div class="test" id="jquery">
6         <span>我是强大的jQuery</span>
7         <span>我是强大的jQuery插件</span>
8     </div>
9 </div>

jQuery代码:

1 $("div");//获取的是html代码中的三个div元素
2 $("div.test");//获取的是html代码中带有class属性为test的两个div
3 $("span:last").html();//获取的是第二个span标签中的html代码:"我是强大的jQuery插件"
4 $("#php");//获取的是id为php的div元素
5 $("div:hidden");//获取的是不可见的div元素,html代码中的第二个div,因为他的display属性是none不显示的

看不懂上面的选择器意思?没关系,下一章我会完整地说说jquery中的选择器,哈哈~~《锋利的jquery》这本书中有很全的解释。就抄它的了。

$(fn) 
这个方式是$(document).ready(fn);的一个速记方式,当文档全部载入时执行函数。注意:jQuery是允许多个$(fn)存在的。fn是个函数,也就是当文档全部载入时要执行的函数。

1 $(function(){
2 alert("文档已经载入完毕了!");
3 });

$(obj) 
如果obj为DOM对象的话,那就是将这个DOM对象转换成为jQuery对象,如果obj本来就是jQuery对象的话,那么仍然还是个jQuery对象。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值