jquery文档通读(一)

用jquery和js很长时间,今天来个大总结吧。

jQuery核心
值得提醒:
值得注意的是each的遍历方法
size()计算大小
length获取长度
jQuery选择器
值得提醒:
常用的选择器,也就是那么几个ID选择器,元素选择器,类选择器
然后加上对表单操作的那几个特殊的选择器$("form input")等等
jQuery属性
值得提醒:
1. attr(name|properties|key,value|fn) | removeAttr(name) 删除属性
设置或返回被选元素的属性值
1
2
3
4
$("img").attr("src"); // 返回图片的src值
$("img").attr("src", "xx.png") //设置图片对象的src值
$("img").attr("src",function(){ return this.src }); //使用回掉函数,将函数里面的赋给src
$("img").removeAttr("src");<br>
2. prop(name|properties|key,value|fn) | removeProp
获取匹配的元素中第一个元素的属性值
和prop的使用有点类似,但是在原理上和场合上又有不同
3. addClass() //增加css类 | removeClass()
注意C大写,哈哈,我忘记了好几回。还有注意""的使用
4. toggleClass(class|fn()) 如果存在就删除,不存在就添加一个类
这个方法我觉得非常实用,为我们减少了很多不必要的判断。使用实例
1
2
3
4
5
6
7
<script  type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).toggleClass("test");
});
});
</script><br>

 

刚开始没有.test类,然后点击一下就有了,再点击就没有了。循环往复
5. html(val|fn) :取得第一个匹配元素的返回值.不能用于xml
$("p").html("Hello <b>world</b>!"); // 赋值
$("p").html(); //取值
6. text(val|fn) 对xml和html都有效。效果和html()一样的
7. val(val|fn|arr) 可以返回任何值
主要是用于表单的值得获取和赋值。用于普通元素效果不好。
因为我个人对属性以前理解不是很深,所以多写了点。
jQuery筛选
没有什么大的技巧,用到筛选的时候再去好好看看。很多的内容你会觉得和选择器里面的选择有点相似,没错的确是这样的。
ps:官方文档是学习技术的最好的途径。

jquery文档通读(一),古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。