jquery

jquery

语法: $(selector).action()
例如: $(this).hide() 隐藏当前元素; $(“p”).hide() - 隐藏所有 p 元素;
$(“p.test”).hide() - 隐藏所有 class=“test” 的 p 元素
$("#test").hide() - 隐藏所有 id=“test” 的元素
$(“tr:even”) 选取偶数位置的 元素;
$(“p:first”) 选取第一个 p 元素
$(“ul li:first”) 选取第一个 ul 元素的第一个 li 元素
$(“ul li:first-child”) 选取每个 ul 元素的第一个 li 元素

选择器:

1.#id选择器     $("#test").hide()
2. .class选择器  $(".test")

jquery事件:

1.dbclick 双击事件
2.mouseenter()  当鼠标指针穿过元素时,会发生 mouseenter 事件;mouserleave() 离开元素时,会发生 mouseleave 事件
3.mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时,触发;mouseup()松开鼠标按钮触发
4.hover()  当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)
5.focus() 元素获得焦点时,发生 focus 事件;blur() 当元素失去焦点时,发生 blur 事件。

效果:

1.toggle() toggle() 方法来切换 hide() 和 show() 方法;淡入淡出;滑动;

html:

1.捕获:
    text() - 设置或返回所选元素的文本内容
    html() - 设置或返回所选元素的内容(包括 HTML 标记)
    val() - 设置或返回表单字段的值
2.设置内容,语法同上
     $("#test1").text("Hello world!");
     $("#test2").html("<b>Hello world!</b>");
     $("#test3").val("RUNOOB");
3.添加新的html内容
     append() - 在被选元素的结尾插入内容     例如:$("p").append("追加文本");
     prepend() - 在被选元素的开头插入内容
     after() - 在被选元素之后插入内容                  例如:$("img").after("在后面添加文本")
     before() - 在被选元素之前插入内容
4.删除元素
     remove() - 删除被选元素(及其子元素)
      empty() - 从被选元素中删除子元素
遍历:
1.parent() 找到直接父元素;
2.parents() 找到根元素下的所有父元素;
3.children()返回被选元素的直接子元素
4.find()    返回所有后代元素
5.siblings() 返回所有同胞元素
6.next()    只返回下一个同胞元素
7.nextAll() 方法返回被选元素的所有跟随的同胞元素
8.nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值