Jquery一些常規用法
阿新 • • 發佈:2022-04-12
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 () { }