jquery javascript 备注
html() innerHtml 无参数是设置,有参数是修改
css() .style... 参数1是属性,参数2是设定值
sibings 除自身外其余的兄弟元素
原生对象不能使用jq方法,但可以使用原生属性和方法
jQuery对象只能使用jQuery方法,不能使用原生的属性和方法
原生对象与jQuery 的互转
原生转jQuery: 将原生对象放到$函数里面
jQuery转原生:通过.get()方法 传入一个下标
代码书写位置:
1使用$函数必须在jQuery文件被引入之后
2如果把代码写道要查找 html元素之上,需要执行一个onload时间,在jQuery的写法: $(function(){
$("#box").html(“1111”)
})
$(document).ready()789/9/9*-+
这种 写法等价于 window.onload
jq选择器;
id 、类、 与css一致
组合/多元素选择器:
$(“span ,p,#box3”) 赋予共同属性值,中间用逗号连接
后代选择器
$(".dfg > p")
学习核心:函数名称,函数功能
jq 的常见方法
方法 描述
addClass 给一个元素添加一个类
removeClass 删去元素的一个类
toggleClass 切换类(如果有就删除,如果没有就添加),后跟的类名是取反操作
eq(N) 元素的索引
html() 相当于innerHtml 设置内容
text() 相当于innerText设置文本内容
css() 设置元素样式,括号内支持格式,对象也可以 css的第二个参数是一个参数为index的匿名函数,index是下标
each() 循环,each(function(index,item){}) index 是item的小标,item指参与循环的每个元素
attr() 设置或者添加属性
removeAtrr() 删除属性
链式写法:作用与同一元素下支持同时设置
prop() 用法与attr基本一致,但有区别:具有布尔值的用prop,其余的用attr
val():input的值,为空表示获取,有值表示设置