remove():删除节点元素,返回值是我们删除掉的节点,但是并不会保留这个节点之前得事件和行为
detach():删除元素节点,返回值是我们删除掉的节点,会保留这个节点之前得事件和行为
ready():事件,事件触发再当前的document加载完成后执行
$(function() {
// 相当于window.onload
})
$(document).ready(function() {
})
window.onlaod = function() {
}
html():标签间的内容,相当于innerHtml
text():标签间纯文本,相当于innerText
节点操作的方法 :
siblings():用来除当前节点外,所有的兄弟节点
nextAll():当前节点之后的所有兄弟节点
prevAll():当前节点之前的所有兄弟节点
parentsUntil():从A节点开始找到父节点B结束的所有节点
$("#p1").parentUntil("html").css("backgroundColor","green")
nextUntil():从A节点开始,到B节点结束的所有节点,往下寻找
$("#p1").nextUntil("strong").css("backgroundColor", "orange")
prevUntil():从A节点开始,到B节点结束的所有节点,往上寻找
parent():获取父节点
parents():获取父节点们
closest():必须传入参数,参数也是选择器,只获取第一个符合条件的元素,从自己开始查找
$("#div2").closet("#div1").css("backgropundColor", "red")
wrap():获取到的每一个节点外面包装
wrapAll():将所有获取到的节点包装为一个,整体包装
wrapInner():找到的节点里面包装
unwrap():将获取到的节点,如果外面有包装,就删除掉 , 无参数
clone():只会复制节点本身,并不会复制节点的行为和事件
clone(true):机会复制姐本身,也会复制节点的行为和事件
add():将多个选择器拼接成一个选择器
$("div").add("span").add("ul li").css("backgroundColor", "red")
等价于
$("div, span, ul li")
slice():slice(start, end) [start, end] 获取指定范围内获取到的元素节点
关于表单数据的处理
serialize():将我们表单中的数据拼接成querystring(查询字符串) name1=value&name2=value2
search:?name1=value&name2=value2
querystring:name1=value&name2=value2
serializeArray():直接将表单数据变成数组
事件细节
trigger():主动触发
ev.data:
ev.target(兼容后触发对象) 主动触发
$("button").on("click", function() {
alert(1)
})
$("button").trigger("click")
ev.type(输出事件类型)
$("button").on("click", {username: "钢铁侠", age: 18}, function(ev) {
console.log(ev.data) // 拿到传入的参数
console.log(ev.data.username)
})