• 初学jquery之自学笔记(3)


    63.为所有匹配的元素设置一个计算的属性值
    $(img).attr("title",function(){return this.src});
    64.为所有匹配的元素设置一个属性值
    $("img").attr("src","test.jpg");
    65.取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。
    如果元素没有相应属性,则返回undefined
    $("img").attr("src");
    66.将一个"名/值"形式的对象设置为所有匹配元素的属性
    $("img").attr({src:"test.jpg",alt:"testImage"});
    67.从每一个匹配的元素中删除一个属性
    $("img").removeAttr("src");
    68.为每个匹配的元素添加指定的类名
    $("div").addClass("selected");
    69.从所有匹配的元素中删除全部或者指定的类
      删除匹配元素的所有类:$("div").removeClass();
      删除指定的类:$("div").removeClass("selected");
    70.如果存在(不存在)就删除(添加)一个类
    $("div").toggleClass("selected");
    71.取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
    $("div").html();
    72.设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
    $("div").html("<p>Hello,My friend</p>");
    73.取得所有匹配元素的内容。结果是由素有匹配元素包含的文本内容组合起来的文本。
    $("div").text();
    74.设置所有匹配元素的文本内容
    $("div").text("<b>Good</b> Morning");
    75.获得第一个匹配元素的当前值。在Jquery 1.2中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。
    $("input").val();
    $("p").append(
       "<b>Single:</b>"+$("#single").val()+
       "<b>Multiple:</b>"+$("#multiple").val().join(",")
    );
    76.check,select,radio等都能使用为之赋值
    $("#single").val("Single2");
    $("#multiple").val(["Multiple2","Multiple3"]);
    $("input").val(["check2","radio1"]);
    77.设置每一个匹配元素的值。在Jquery 1.2,这也可以为select元件赋值
    $("input").val("hello world!");
    78.获取第N个元素。这个元素的位置从0算起
    $("div").eq(1);
    79.筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式
    $("div").filter(".selected");
    80.筛选出与指定函数返回值匹配的元素集合。这个函数内部将对每个对象计算一次
       (正如 '$.each').如果调用的函数返回false则这个元素被删除,否则就会保留
    $("div").filter(function(index){
       return $("p",this).length==0;
    });
    81.检查当前的元素是否含有某个特定的类,如果有,则返回true。
    这其实就是is("."+class)。

    $("div").click(function(){
       if($(this).hasClass("protected")){
           $(this)
              .animate({left:-10})
              .animate({left:10})
              .animate({left:-10})
              .animate({left:10})
       .animate({left:0});
       }
    });
    82.用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。
    如果没有元素符合,或者表达式无效,都返回'false'. 'filter' 内部实际也是在调用这个函数,所以,filter()函数原有的规则在这里也适用。

    $("input[type='checkbox']").parent().is("form");
    83.将一组元素转换成其他数组(不论是否是元素数组)
    你可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。这都可以用'$.map()'来方便的建立。

    $("p").append( $("input").map(function(){
      return $(this).val();
    }).get().join(", ") );
    84.删除与指定表达式匹配的元素
    $("p").not($("#selected")[0]);
    85.选取一个匹配的子集,与原来的slice方法类似
    $("p").slice(0,1).wraplnner("<b></b>");
  • 相关阅读:
    LYDSY模拟赛day3 序列
    LYDSY模拟赛day3 涂色游戏
    LYDSY模拟赛day3 平均数
    hdu1757 A Simple Math Problem
    清北国庆day1 (脑)残
    poj3070 Fibonacci
    uva10870 递推关系Recurrences
    湖南附中模拟day1 瞭望塔
    湖南附中模拟day1 收银员
    湖南附中模拟day1 金坷垃
  • 原文地址:https://www.cnblogs.com/timy/p/1760351.html
Copyright © 2020-2023  润新知