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 标签父类的父类字体颜色改为红色，并添加红色实线边框