zoukankan      html  css  js  c++  java
  • 初学jquery之自学笔记(1)

    1.返回指定html的值
      $("#msg").html();    //取值,相当于get方法
      $("#msg").html("hello");  //赋值,相当于set方法
    2.

     $.get("search.do",{id:1},rend);
       function rend(xml){
          alert(xml);
       }

      $("#msg").ajaxStart(function(){
          this.html("正在加载。。。。。");
      });

      $("#msg").ajaxSuccess(function(){
          this.html("加载完成!");
      });

    3.

      $("#msg").show("fast");
      $("#msg").hide("slow");
      $("#msg").fadeIn();
      $("#msg").fadeOut();


      $("input:radio",document.forms[0]);
    4.创建span:$("<span/>");
    $("<div><p>Jquery</p></div>").appendTo("body");
    5.创建一个checkbox
    $("<input type='checkbox'>");
    6.设置页面背景色
    $(docuemtn.body).css("background","red");
    7.隐藏一个表单中所有元素
    $(myForm.elements).hide();
    $(document).ready();

    JQuery(function($)){
    };

    8.reverse方法将数组反向
    $("img").reverse();
    9.取得其中的第一个元素
    $("img").get(0);

    $("div").index($("#foobar")[0]);

    10.指定<img/>的src属性
    $("img").each(function(i){
       this.sec= "test"+i+".jpg";
    });
    11.得到jquery对象,使用$(this)函数
    $("img").each(function(){
       $(this).toggleClass("example");
    });

    12.length属性
    //jquery对象中元素的个数
    $("img").length;

    13.size()方法
    //jQuery对象中元素的个数
    $("img").size();

    14.扩展了两个函数min和max
    JQuery.extend({
       min:function(a,b){return a<b?a:b},
       max:function(a,b){return a>b?a:b}
    })
    15.匹配所有元素
    $("*");
    16.查找所有类样式是"youClass"的元素
    $(".youClass");
    17.根据指定的元素名匹配所有元素
    $("div");
    18.根据给定的ID匹配一个元素
    $("#firstDiv");
    19.找到匹配任意一个类的元素
    $("div,span,p.youClass");
    20.在给定的祖先元素下匹配所有的后代元素【既匹配儿子,也匹配孙子】
    $("form input");
    21.在给定的父元素下匹配所有的子元素【只匹配儿子,不匹配孙子】
    $("form >input");
    22.匹配所有跟在label后面的input元素
    $("label + input");
    23.匹配所有与表单同辈的input元素
    $("form~input");
    24.匹配一个给定索引值的元素,查找第二行
    $("tr:eq(1)");
    25.匹配所有索引值为偶数的元素,从0开始计数
    $("tr:even");
    26.匹配找到的第一个元素
    $("tr:first");
    27.匹配所有大于给定索引值的元素
    $("tr:gt(0)");
    28.匹配如h1,h2,h3之类的标题元素,给页面内所有标题加上背景色
    $(":header").css("background","#FF0000");
    29.匹配找到的最后一个元素
    $("tr:last");
    30.匹配所有小于给定索引值的元素
    $("tr:lt(2)");
    31.去除所有与给定选择器匹配的元素
    $("input:not(:checked)");
    32.匹配所有索引值为基数的元素,从0开始计数
    $("tr:odd");
    33.匹配包含给定文本的元素
    $("div:contains('Tom')");
    34.匹配所有不包含子元素或者文本的空元素
    $("td:empty");
    35.匹配含有子元素或者文本的元素
    $("td:parent");
    36.匹配所有的不可见元素
    $("tr:hidden");
    37.匹配所有的可见元素
    $("tr:visible");

  • 相关阅读:
    jmeter压测-05-xpath表达式
    测试那些事-测试资源篇
    测试那些事-沟通篇
    测试那些事-前端
    测试那些事儿-后端
    记一次大数据量不同处理方式下服务器负载
    jmeter压测dubbo接口,参数为dto时如何写传参及有错误时的分析思路
    pyton3 字典排序
    python测试dubbo接口
    记录一下telnet测试dubbo接口,参数为dto时怎么测试,枚举类型传参
  • 原文地址:https://www.cnblogs.com/timy/p/1760347.html
Copyright © 2011-2022 走看看