jQuery -《锋利的jQuery》————读后小结

jQuery是一个优秀的javascript库。

我用的是vs2012自带的  jquery-1.8.2.js这个库，在Scripts这个文件夹下面

首先，我们使用jQuery要在head标签内引入jQuery

<html>
    <head>
        <script type="text/javascript"  src="Scripts/jquery-1.8.2.js"></script>
    </head>
    <body></body>
</html>

书上的图片，懒得写了

$(document).ready(function(){
}

看看这句话，这句话的意思是，等dom（document object model文档对象模型）加载完成之后。

这句话加载所有jquery代码的外围，就不会出现找不到对象的情况了。

  
    <script  type ="text/javascript" src="../Scripts/jquery-1.8.2.js" ></script>
    <script  type ="text/javascript" >
$(document).ready(function(){
$("button").click(function(){
    $("p").hide();
    $(".panel").slideToggle(100);
});};

jQuery的特殊编写方式，链式变成法

这段代码的意思就是：

　　当鼠标单机到class中含有has_children的元素上时，给其追加一个名为hightlight的class，并且显示内部的a元素，并且去掉其他含有has_childern的hightlight这个class，隐藏其子元素

也可以写成这样，便于查看

 

操作DOM对象

dom对象和jquery相互转换

选择器：

 

 

posted @ 2013-06-25 14:37  南修子  阅读(412)  评论(0)  编辑  收藏  举报