jQuery

jQuery

HTML 复杂结构展示

CSS 层叠样式表

JS 前端交互语言

script标签内引入文件后，不能在标签间写东西

入口函数：页面全部加载完成之后执行

常规widow.方法

jQuery入口函数：

简写方式：在$()括号内写代码/方法

dom对象转换为jQuery对象

var $dj = $(domobj)

jQuery对象转换为dom对象

var dom =$obj[0]

jQuery选择器

基本选择器

id选择器 #d1

类选择器 .d1

元素选择器 element

所有 *

分组选择器 select1，select2…

层级选择器

后代选择器 $(“form input”) 选取form表单内的所有input元素

匹配给定元素名的所有元素$(“input”)

紧跟在给定元素的元素 $(“form + input”)

给定元素的子元素 $(“form > input”)

给定元素的结构同级元素 $(“form ~ input”)

基本过滤选择器

$(“li:first”) 获取li数组中的第一个li标签对象

:even :odd奇数 eq()等于 gt()大于 lt()小于 :not()除了某个都选

表单对象属性过滤选择器

属性选择 $(“input[name=‘n1’]”)

jQuery绑定事件

获取文本属性

html() 页面对象

text() 文本对象

val() value对象

input标签不存在文本区

jQuery操作

方法

e.g. $(“body”).append(‘标签和内容’)

id具有唯一性，操作删除只能一个一个删除

克隆方法不带参数只克隆标签，带true克隆包括内容

属性和样式

attr()：只给属性是取值，给属性和值是设置属性

addClass()：给标签添加类属性

效果/显示/隐藏

AJax二级联动