Jquery一些常规用法

1.获取被点击元素的索引

被点击元素B是A元素的一个子元素,获取B在A中的索引; 

$("B").click(function () {
$('A').index(this);
});

 2.移入&移出事件

进入子元素也触发
$('#div1').mouseover(function () {
$(this).animate({marginTop: 50});//.stop()
});
$('#div1').mouseout(function () {
$(this).animate({marginTop: 100});//.stop()
});
进入子元素不触发
$('#div1').mouseenter(function () {
$(this).stop().animate({marginTop: 50});//加入stop()
});
$('#div1').mouseleave(function () {
$(this).stop().animate({marginTop: 100});//
});
通过hover(mouseenter+mouseleave)实现简写
$('#div1').hover(function () {
$(this).stop().animate({marginTop: 50});
}, function () {
$(this).stop().animate({marginTop: 100});
});

3.获取和设置html title标签值
  • 获取title值

$(document).attr("title");

  • 设置title值

$(document).attr("title","test");

3.页面加载后执行的事件(3种方式)

1 $(function () { });
2 $(document).ready(function () { });
3 window.onload = function () { }

 

posted @ 2022-04-11 23:13  李载赣神mo  阅读(19)  评论(0编辑  收藏  举报