jQuery学习小记

今天开始学习jQuery,发现jQuery真的很强大。学习的东西还很多,首先把基础的东西过了一遍。

路漫漫其修远兮,吾将上下而求索。 

 

1.DOM装入就绪可以查询及操纵时绑定一个要执行的函数。这个方法纯粹是对window.load事件注册时间的代替方法。

 

    $(document).ready(function(){

           //这里写你的代码

    });

   

    jQuery(function($) {

        //这里写你的代码

    });

       

    $(function(){

        //这里写你的代码

})

 

 

2.获取对象,对象值,htmltext,属性等

2.1 获取元素

    //根据给定的ID匹配一个元素。

    $("#id");

   

    //根据给定的元素名匹配所有元素

    //element(String): 一个用于搜索的元素。指向 DOM 节点的标签名。

    $(element);$("div");

   

    //根据给定的类匹配元素。

    //class(String):一个用以搜索的类。一个元素可以有多个类,只要有一个符合就能被匹配到。

    $(class);$(".myClass");

   

    //将每一个选择器匹配到的元素合并后一起返回。

    //你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。

    //selector1 (Selector) : 一个有效的选择器

    //selector2 (Selector) : 另一个有效的选择器

    //selectorN (Selector) : (可选) 任意多个有效选择器   

    $("div,span,p.myClass")

 

2.2 元素的html

     //取得第一个匹配元素的html内容。

    //这个函数不能用于XML文档。

    //但可以用于XHTML文档。

    $("#id").html();

    //设置每一个匹配元素的html内容。

    //这个函数不能用于XML文档。

    //但可以用于XHTML文档。

    $("#id").html(val);

   

2.3 元素的text

    //取得所有匹配元素的内容。

    $("#id").text();

    //设置所有匹配元素的文本内容

    $("#id").text(val);

   

2.4 元素的值

    //获取第一个匹配元素的当前值

    $("#id").val();   

    //设置每一个匹配元素的值

    //check,select,radio等都能使用为之赋值

    $("#id").val(val);

   

2.5 元素的属性

    //取得第一个匹配元素的属性值。

    //通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。

    //如果元素没有相应属性,则返回 undefined 。

    $("#id").attr("id");

   

    //将一个名/值形式的对象设置为所有匹配元素的属性。

    $("#id").attr({src:"test.jpg", alt:"Test Image"});

   

    //为所有匹配的元素设置一个属性值。

    //key(String):属性名称

    //value(Object):属性值

    $("#id").attr(key, value);

   

    //为所有匹配的元素设置一个计算的属性值。

    //不提供值,而是提供一个函数,由这个函数计算的值作为属性值。

    //key(String):属性名称

    //fu(Function):返回值的函数 范围:当前元素,参数;当前元素的索引

    $("#id")(key,fn);

   

    //从匹配的元素中删除一个属性

    //name(String):要删除的属性名

    $("#id").removeAttr(name);

   

    //为匹配的元素添加指定的类名

    //class(String):一个或多个 CSS类名,调用空格分开

    $("#id").addClass(class);

    //为匹配的元素删除指定的类名

    //class(String):一个或多个 CSS类名,调用空格分开

    $("#id").removeClass(class);

   

    //如果存在(不存在)就删除(添加)一个类。

    //class(String):一个或多个 CSS类名,调用空格分开

    $("#id").toggleClass(class);

posted @ 2008-12-16 10:09  SealedLove  阅读(251)  评论(0编辑  收藏  举报