`
jd20800991
  • 浏览: 39040 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

初学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");

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics