jQuery基础知识01

一，jQuery简介
	1，jQuery是JavaScript框架，轻量级JS库；
	2，封装了JS，CSS，DOM，提供了一致的、简洁的API；
	3，兼容CSS3及各种浏览器
	4，使用户更方便地处理HTML、Events、实现动画效果；
	5，使用户的HTML页面保持代码和HTML内容分离；
	总之，jQuery是一个JS框架，极大简化JS编程
二，使用jQuery
	浏览器解析HTML文档：读取HTML文档，在内存中生成DOM树，渲染
	1，引入js文件
	2，选择器定位节点：$("div")
	3，调用jQuery方法进行操作：$("div").css("font-size","")
三，jQuery对象
	1，它是jQuery为了解决浏览器兼容问题而提供的一种统一封装后的对象描述
	2，jQuery提供的方法都是针对jQuery对象特有的，而大部分方法返回类型也是jQuery对象
	所以方法可以连缀使用。
	3，jQuery对象本质是一个DOM对象数组，它在给数组上扩展了一些操作数组元素的方法。
		-obj.length:获取数组长度
		-obj.get(index):获取数组中某一DOM对象
		-obj[index]
	4，DOM数组转化为jQuery对象
		-$(DOM对象)
		-DOM对象数组.eq(i)
四，jQuery选择器
	1，类似于CSS选择器，能实现元素定位，使用jQuery选择器能将内容与行为分离
	2，分类：
		-基本选择器
			-元素选择器
			-类选择器
			-id选择器
			-选择器组
		-层次选择器
			-子孙选择器：$("select1 select2")
			-子元素选择器：$("select1>select2")
			-下一个弟弟（满足select2的条件）：$("select1 + select2")
			-所有弟弟（满足select2的条件）：$("select ~ select2")
		-过滤选择器
		1）基本过滤选择器
			-第一个元素   :first
			-最后一个元素   :last
			-把selectr排除在外   :not(selectr)
			-选择偶数行   :even
			-选择奇数行   :odd
			-下标等于index元素   :eq(index)
			-下标大于index元素   :gt(index)
			-下标小于index元素   :lt(index)
		2）内容过过滤选择器
			-匹配包含文本的元素   :contains(text)
			-匹配不包含子元素或文本的空元素   :empty
		3）可见性过滤选择器
			-匹配所有不可见元素，或type为hidden的元素   :hidden
			-匹配所有可见元素   :visible
			如$("input:hidden")
		4）属性过滤选择器
			-匹配具有attribute属性的元素   [attribute]
			-匹配属性等于value的属性    [attribute=value]
			-匹配属性不等于value的元素  [attribute!=value]
			如$("input[value='hello']")
		5）状态过滤选择器
			-匹配可用元素   :enabled
			-匹配不可用的元素    :disabled
			-匹配选中的checkbox   :checked
			-匹配选中的option    :selected
		-表单选择器
			-匹配文本框   :text
			-匹配密码框   :password
			-匹配单选框   :radio
			-匹配多选框   :checkbox
			-匹配提交按钮   :submit
			-匹配重置按钮   :reset
			-匹配普通按钮   :button
			-匹配文本框   :file
			-匹配隐藏框   :hidden
五，操作DOM
	1，读写节点
		-读写节点的HTML内容：
			obj.html()/obj.html("<span>hello</span>")
		-读写节点的文本内容：
			obj.text()/obj.text("hello")
		-读写节点的value属性值：
			obj.val()/obj.val("abc")
		-读写节点的属性值：
			obj.attr("属性名")/obj.val("属性名","属性值")
	2，增删节点
		-创建DOM节点 $("<p> .. </p>")
		-插入DOM节点 
			parent.append(obj)
			parent.prepend(obj)
			parent.after(obj)
			parent.before(obj)
		-删除DOM节点
			obj.remove()删节点
			obj.remove(selector)只删除满足selector选择器的节点
			obj.empty()清空节点内容
	3，样式操作
		-追加样式   addClass("")
		-移除指定样式   removeClass("")
		-移除所有样式   removeClass()
		-切换样式   toggleClass("")
		-判断是否有某样式   hasClass("")
		-读取css的值   css("")
		-设置多个样式   css("","")
	4，遍历节点
		-直接子节点(以及满足selector的子元素)   children()/children(selector)
		-下一个兄弟节点(以及满足selector的弟弟)   next/next(selector)
		-上一个兄弟节点(以及满足selector的哥哥)   prev/prev(selector)
		-所有兄弟(以及满足selector的所有兄弟)   siblings()/siblings(selector)
		-父节点  parent()

转载于:https://my.oschina.net/u/1393072/blog/516059