1. 程式人生 > 其它 >Jquery一些常規用法

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