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