Jquery学习重要笔记

¹

知识性

• $(“div#intro .head”)
  id=“intro” 的所有 div 元素中的 class=“head” 的所有元素
• 处理命名冲突
  noConflict()
• 添加或删除被选元素的一个或多个类
  toggleClass()
• noConflict() 方法²

• • 释放变量 $ 的 jQuery 控制权
    为 jQuery 变量规定新的自定义名称
    即:创建自己的简写
    并:存入变量.

var jq=$.noConflict();
jq(document).ready(function(){
	jq("button").click(function(){
		jq("p").hide();
	});
});

• • 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？
    实现了 noConflict() 方法
    释放对 $ 标识符的控制,其他脚本就可以使用
    仍然可以通过全名来使用 jQuery

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

• • 第三种方式
    $ 作为变量传递给 ready 方法
    函数内使用 $,外部JQuery

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

概念性

• jQuery 是 W3C 标准
  否

复习

• $(“div”).height(100)

扩展

• CloudFlare的 jQuery 库

---

1. 整理自菜鸟教程jquery测试 ↩︎

2. 整理自菜鸟教程 ↩︎