JQuery的全解析
1.    addClass(class)    HTML的代码：<p>Hello</p> 
JQuery的代码：$(“p”).addClass(“select”) 结果 <p class=”select”>Hello</p>
实例
向第一个P元素添加一个类：
$(“button”).click(function(){
  $(“p:first”).addClass(“intro”);
})
2.  attr()方法
一、attr(name):取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。其中name为string.
HTML文本：<img src=”a.jpg”/>
我们可以用attr获得img元素的src属性,具体用法如下:
$(function(){
  Var imgSrc=$(“img”).attr(“src”);
  alert(“imgSrc”);
})
二、attr(key,value):为所有匹配的元素设置一个属性值。key为string属性名,value为object属性值.
HTML文本：<img />
Jquery：$(function(){
      $(“img”).attr(‘src’,’a.jpg’);  //文件中显示：<img src=”a.jpg”/>
})
三．attr(properties):这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意，如果你要设置对象的class属性，你必须使用’className’ 作为属性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
HTML文本：<img/>
Jquery:    $(function(){
        $(“img”).attr({src: “a.jpg”，title: “aaa”，className: “filter”});
})
removeAttr的用法:
$(function(){
  $(“img”).removeAttr(“title”);
})
3：hasClass(class)方法：
  检查第一个P元素是否含有intro类
$(function(){
  $(“button”).click(function(){
    alert($(“p:first”).hasClass(“intro”));
})
})
4：HTML()的用法
$(”元素名称”).html(); 获得该元素内的内容（元素，文本等）
$(”元素名称”).html(”<b>new stuff</b>”); 给某元素设置内容
5：removeClass()的用法
  $(“元素名称”).removeClass(“class”)给某元素删除指定的样式
  $(“button”).click(function(){
    If($(this).hasClass(“select”)){
  $(this).removeClass(“select”);
}else{
  $(this).addClass(“select”);
}
Return false;
})
6：Text()的用法：
  $(“元素名称”).text().获取该元素的文本。
  $(“元素名称”).text(value).设置该元素的文本值为value.
7：toggleClass的用法：
    $(“元素名称”).toggleClass(“class”),该元素存在时取消该样式，如果不存在，则添加该类。
    $(“button”).click(function(){
    $(“P”).toggleClass(“select”);
})
8：val()的用法
  $(“input元素名称”).val();获取input元素文本的值。
  $(function(){
$(“button”).click(function(){
$(“P”).val();
})
})
  $(“input元素名称”).val(value);设置input元素的文本值为value。
9：after()的方法：
  $(“元素名称”).after(content).在匹配的元素后面添加内容。
  $(“button”).click(function(){
  $(“P”).after(“<p>Hello Wold</p>”);
})
10：append()的用法：
  $(“元素名称”).append(content).将content作为元素内容插入到该元素的后面。
11：appendTo(content)的用法
  $(“元素名称”).appendTo(content).在content后面接元素。
12：before(content)的方法。
$(“元素名称”).before(content).在匹配的元素前面添加元素。
13:clone()的用法
  $(“元素名称”).clone(布尔表达式),当布尔表达式为真时，克隆元素当做true处理。
14：empty()的用法
  $(“元素名称”).empty();将该元素的内容设置为空。
15：insertAfter()的用法
  $(“元素名称”).insertAfter(content);将该元素插入到content后面。
16：insertBefore()的用法
  $(“元素名称”).insertBefore(content);将该元素插入到content的前面。
17: prepend()的用法
  $(“元素”).prepend(content);将content作为该元素的一部分，放到该元素的最前面。
HTML代码：<p>I Would like to say</p>
$(“P”).prepend(“<b>hello</b>”);
结果：<p><b>hello</b>I Would like to say</p>
18：prependTo()的用法
  $(“元素”).prependTo(content);将该元素作为content的一部分，放到content的最前面。
HTML代码：<p>I Would like to say</p><div id=”foo”></div>
$(“p”).prependTo(“#foo”)
结果：<div id=”foo”><p>I Would like to say</p></div>
19：remove()的用法
  $(“元素”).remove();删除所有的指定元素。
  $(“button”).click(function(){
  $(“P”).remove();
})
  $(“元素”).remove(“exp”);删除所有含有exp的元素。
20：wrap()的用法
  $(“元素”).wrap(“html”);用html来包围该元素。
  $(“元素”).Wrap(element);用element来包围该元素。
HTML代码：
<p>aaaa</p><div id=”content”></div>
$(“p”).ElementById(“content”));
结果：<div id=”content”><p>aaaa</p></div><div id=”content”>
</div>
21: :odd()的用法
匹配所有索引值为奇数的元素，从 0 开始计数
$(“tr:odd”).addClass(“odd”);//到基数的行来增加一个类
22：:even()的用法
匹配所有索引值为偶数的元素，从 0 开始计数
    $(“tr:even”).addClass(“even”);//到偶数的行来增加一个类
23: :eq(index)的用法
获取第n个元素
<p>aaaaaa</p><p>bbbbbbb</p>
$(“p:eq(1)”).addClass(class);
24: :contains()的用法
用法: $(“div:contains(‘John’)”) ;
说明: 匹配包含给定文本的元素.这个选择器比较有用(话说都很有用),当我们要选择的不是dom标签元素时,它就派上了用场了,它的作用是查被标签”围”起来的文本内容是否符合指定的内容的.
25: parent()的用法
26：.siblings的用法
27: .find()的用法和Filter的用法
Jquery中find与filter函数的用法区别：
区别：
find()会在div元素内 寻 class为classname的元素。
filter()则是筛选div的class为classname的元素。
基本上是find子元素，filter是平级
·find 函数是在当前对象集合的子元素中进行查询;
·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;
·find 函数的参数是 jQuery 选择器表达式;
·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系);
·filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回jquery在线库 true或false 以选中或排除元素.
例如：
HTML代码：
<p><span>Hello</span>,how are you</p>
$(“P”).find(“span”);
结果：<span>Hello</span>
<p>Hello</p><p>Hello word</p><p class=”select”></p>
$(“p”).filter(“.select”);
结果：<p class=”select”></p>
28: click()的用法
  $("#msg").click(function(){alert("good")})  //为元素添加了单击事件
$("p").click(function(i){lor=['#f00','#0f0','#00f'][i]})
//为三个不同的p元素单击事件分别设定不同的处理

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。