第1章，认识jQuery

目前流行的JavaScript库

Prototype（http://www.prototypejs.org），成型早，面向对象的思想把握不到位，导致结构松散（2）通过get(index)得到2、DOM对象转成jQuery对象注：DOM对象只能使用DOM方法，jQuery对象只能使用jQuery的方法

第2章，jQuery选择器

jQuery选择器的优势

1、简洁的写法

选择器	描述	返回	示例
$("ancestor descendant")	选取ancestor元素里所有descendant（后代）元素	集合元素	$("div span")选取div里所有span元素
$("parent>child")	与CSS的子选择器一样	集合元素	$("div>span")
$("prev+next")	与CSS的相邻同胞选择器一样	集合元素	$(".one+div")
$("prev~sibling")	与CSS的通用的同胞组合选择器一样	集合元素	$("#two~div")

选择器	描述	返回	示例
:contains(text)	选取含有文本内容为“text”的元素	集合元素	$("div:contains('me')")选取所有含有文本"me"的div元素
:empty	选取不包含子元素或文本的空元素	集合元素	$("div:empty")
:has(selector)	选取含有选择器所匹配的元素的元素	集合元素	$("div:has(p)")选取含有p元素的div元素
:parent	选取含有子元素或文本元素的元素	集合元素	$("div:parent")

 可见性过滤选择器:nth-child()选择器功能如下：表单对象属性过滤选择器

选择器中的注意事项

1、选择器中含有"."，"#"，"("，"]"等特殊符号，需要转义，例：$("#id\\#b")

第3章，jQuery中的DOM操作

DOM操作分类

1、DOM Core（核心）3、插入节点（1）remove方法也可以通过传递参数来选择性删除：（2）datach方法以上两句是一样的效果

$("strong").wrap("<b></b>");   //用b标签把strong元素包裹起来

<b><strong>hello</strong></b>

wrapAll()和wrapInner()

$("strong").wrap("<b></b>");

<b><strong>hello</strong></b><b><strong>hello</strong></b>

而使用wrapAll之后：注：若被包裹元素之间有其他元素，则其他元素会被放到包裹元素之后8、属性操作设置属性（2）删除属性9、样式操作（3）移除样式toggle的作用是，交替执行代码1和代码2，主要是用于控制行为上的重复切换（5）判断是否含有某个样式注：如果值是数字，则自动转化为像素值注：1、jQuery1.2之后height可用于获取window和document的高度

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：锋利的jQuery第2版学习笔记1~3章

关键词：jquery