Jquery全解析.doc

JQuery的全解析 1. addClass(class) HTML的代码：pHello/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(”bnew 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(“pHello Wold/p”); }) 10：append()的用法： $(“元素名称”).append(content).将content作为元素内容插入到该元素的后面。 11：appendTo(content)的用法 $(“元素名称”).append