jquery笔记19项分类（自测和参考）

jquery笔记

1、选择器

$("p")

$("#test")

$(".test")

$("#test")

$("p:first")
$("ul li:first")
$("ul li:first-child")
$("[href]") 选取带有 href 属性的元素
$(":button") 选取所有 type=“button” 的 <input>元素 和 <button>元素
$("tr:even") 选取偶数位置的 <tr>元素
$("tr:odd") 选取奇数位置的 <tr>元素

2、事件

$(document).ready() 方法允许我们在文档完全加载完后执行函数

鼠标事件

• click(function(){})
• dblclick
• mouseenter
• mouseleave
• hover

键盘事件

• keypress
• keydown
• keyup

表单事件

• submit
• change
• focus
• blur

文档/窗口事件

• load
• resize
• scroll
• unload

3、隐藏和显示

• hide(speed,callback) 和 show()
• toggle()

4、淡入淡出

• fadeIn(speed,callback)
• fadeOut()
• fadeToggle()
• fadeTo()

5、滑动

• slideDown(speed,callback)
• slideUp()
• slideToggle()

6、动画

• animate({params},speed,callback)

$("button").click(function(){
 $("div").animate({
   left:'250px',
   opacity:'0.5',
   height:'150px',
   width:'150px'
 });
});

7、停止动画

• stop(stopAll,goToEnd)

8、方法链接

• $("#p1").css("color","red").slideUp(2000).slideDown(2000);

9、DOM 操作

• 获得内容 - text()、html() 以及 val()

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

• 获取属性 - attr()
• 回调text(function(i,origText){ return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")";
• 设置属性 .attr(“href”,“http://”)

10、添加元素

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

11、删除元素

• remove() - 删除被选元素（及其子元素） 过滤被删除的元素

$(“p”).remove(".italic");

• empty() - 从被选元素中删除子元素

12、获取和设置css

• addClass() - 向被选元素添加一个或多个类
• removeClass() - 从被选元素删除一个或多个类
• toggleClass() - 对被选元素进行添加/删除类的切换操作
• css() - 设置或返回样式属性

• css(“propertyname”,“value”);

13、尺寸

• width()
• height()
• innerWidth()
• innerHeight()
• outerWidth()
• outerHeight()
  

14、遍历

• 祖先：

• parent()
• parents()
• parentsUntil()

• 后代：

• children()
• find()

15、同胞

• siblings()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()

16、过滤

• first() 返回被选元素的首个元素。
• last() 返回被选元素的最后一个元素

$("div p").last();

• eq() 返回被选元素中带有指定索引号的元素

$("p").eq(1);

• filter()

允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。
$(“p”).filter(".url");

• not() 返回不匹配标准的所有元素。

17、Ajax

• $(selector).load(URL,data,callback)

参数：

• responseTxt - 包含调用成功时的结果内容
• statusTXT - 包含调用的状态
• xhr - 包含 XMLHttpRequest 对象

• $.get(URL,callback);
• $.post(URL,data,callback);

参数：
data,status

18、兼容其他js框架

• noConflict() 对 $ 标识符的控制

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
   jQuery("p").text("jQuery 仍然在工作!");
  });
});

19、跨域请求（JSONP)

将回调函数放入请求参数中进行跨域请求