JQ学习日志01

 

 　　Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

　　$(document).ready(function(){ alert("Hello.world!");});这是用jquery来实现的一个弹框。

　　 $(document).ready(function(){$("p").click(function(){alert("hello world");});}); 这个是点击P标签时触发click时间并弹出框。

　　jQuery(document).ready(function(){ jQuery(".stripe tr").click(function(){jQuery(this).toggleClass("click")})});这段代码中的jQuery(document).ready 就是$(document).ready一个意思，但是jQuery(document).ready可以防止jQuery的$和javascript的$之间的冲突。

　　find()和filter()的区别： 

　　find()会在div元素内 寻找 class为rain 的元素。而filter()则是筛选div的class为rain的元素。一个是对它的子集操作，一个是对自身集合元素筛选。

　　each()

　　$("tr td").each(function(i) {$(this).html($(this).html() + "----------------" + i);  });　

　　其中each() 方法规定为每个匹配元素规定运行的函数。提示：返回 false 可用于及早停止循环。

　　addClass、removeClass、toggleClass：

　　addClass相应的元素上添加某个样式。removeClass在相应的元素上移除某个样式。toggleClass如果相应的元素有某个样式那么移除它，如果没有某个样式那么添加上这个样式。

　　$(this).parent().next()：

　　当前元素的上一级元素的相邻的元素。