jQuery 中的一些常用方法

bind() 方法

• bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

$("button").bind("click",function(){
  $("p").slideToggle();
}); //当点击鼠标时，隐藏或显示 p 元素：

change()方法

• 当元素的值发生改变时，会发生 change 事件。
• 该事件仅适用于文本域（text field），以及 textarea 和 select 元素。
• change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。

$(".field").change(function(){
  $(this).css("background-color","#FFFFCC");
}); //当输入域发生变化时改变其颜色

find()方法

• find() 方法返回被选元素的后代元素。
• 后代是子、孙、曾孙，依此类推。

$(document).ready(function(){
	$("ul").find("span").css({"color":"red","border":"2px solid red"});
}); //返回 <ul> 后代中所有的 <span> 元素

添加元素

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

$("p").append("Some appended text.");  //在p元素内在最后添加Some appended text.

$("p").prepend("Some prepended text."); //在p元素内在最前面添加Some prepended text.

$("img").after("Some text after"); //在img元素之后添加Some text after

$("img").before("Some text before"); //在img元素之前添加Some text before

each()方法

• each() 方法规定为每个匹配元素规定运行的函数。（相当与遍历）

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
}); //输出每个 li 元素的文本

split()方法

• split() 方法用于把一个字符串分割成字符串数组。

var str = "abcdef";
var arr = str.split("c"); //调用split()方法，将字符串从'c'分割
console.log(arr[0]); //arr[0]为 ab
console.log(arr[1]); //arr[1]为 def

parent()方法

• parent() 方法返回被选元素的直接父元素。

$(document).ready(function(){
	$("span").parent().parent().css({"color":"red","border":"2px solid red"});
}); //将 span 标签父类的父类字体颜色改为红色，并添加红色实线边框

trigger()方法

• trigger() 方法触发被选元素的指定事件类型。

<script>
	 $(document).ready(function(){
	 	//在页面加载时触发点击事件
	 	$("#btn").trigger("onclick");
 	 });
	
</script>


<button onclick="test" id="btn"></button>