Jquery:
1、概念:JavaScript的框架。本质上就是一些JS文件,封装了JS的原生代码而已。
2、快速入门:下载Jquery -导入文件-使用。
3、JQ对象和JS对象的区别。
* :Jquery对象操作时更方便。
* :Jquery对象和JS对象方法不通用。
* : 转换:jq-->js:jq对象[ 索引 ] js-->jq : $(js对象)
4、选择器:获取元素(标签)对象。
1、基本语法:
* 获取元素对象,$("#id")
* 入口函数,$(function) 效果等同于 window.onload().区别:后者只能定义一次(会覆盖)
* 样式控制,
2、基本选择器:并集选择器--属性值逗号隔开
* 标签选择器:$("标签名“) * id选择器:$("#id”) * 类选择器: $(".class")
3、层级选择器:
*后代选择器:$(“A B”)选择A元素内部的所有B元素。$(“A> B”): 选择A元素内部的所有 B子元素
4、属性选择器:* 属性名称选择器:$("标签[属性名]") 包含指定属性的选择器。
* 属性选择器:$("标签[属性名=‘值’]") 指定属性=指定值的选择器。
5、表单过滤选择器:可用元素选择器: enable 不可用:disable 。选中选择器:checked、 selected 例子:$("input[ type=' text ' ] :enabled") $("#id:enabled")
DOM操作:
1、内容操作:
* html() :获取/设置标签体内容
* text(): 获取/设置标签体纯文本内容
* val() : 获取/设置 value值
2、属性操作:
1、通用属性操作:
* attr() :获取设置元素属性
* removeAttr():删除属性
* prop():获取设置元素属性
*removeProp():删除属性
2、对class属性操作:
3、CRUD操作:
* append():父元素将子元素追加到末尾 对象1.append(对象2),2添加到1元素内部
* prepend()开头。
* after():添加元素到元素后边,同级关系。
* before(): 前边。
* remove():移除元素。
* empty():清空所有子元素。
Jquery遍历:用for就行
Jquery事件绑定:用标准的:对象.click(function) 可以链式:对象.click(function).monseover