jquery常用api方法-03

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)
})

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值