<button>显示/下拉/淡入</button> <button>隐藏/上拉/淡出</button> <button>切换</button> <button>修改</button> <div class="box"></div>
$(function () { // 显示隐藏 $(‘button‘).eq(1).click(function () { $(‘.box‘).hide() }) $(‘button‘).eq(0).click(function () { $(‘.box‘).show() }) $(‘button‘).eq(2).click(function () { $(‘.box‘).toggle() }) // 滑动 // 方法1 $(‘button‘).eq(0).click(function () { $(‘.box‘).slideDown() }) $(‘button‘).eq(1).click(function () { $(‘.box‘).slideUp() }) // 方法2 $(‘button‘).eq(2).click(function () { $(‘.box‘).slideToggle(200) }) // 淡入淡出 $(‘button‘).eq(0).click(function () { $(‘.box‘).fadeIn(1000) }) $(‘button‘).eq(1).click(function () { $(‘.box‘).fadeOut(1000) }) $(‘button‘).eq(2).click(function () { $(‘.box‘).fadeToggle(1000) }) $(‘button‘).eq(3).click(function () { $(‘.box‘).fadeTo(1000, 0.5) }) })
<button>动起来</button> <div class="box2"></div>
$(function () { $("button").click(function () { $("div").animate({ left: 500, top: 300, opacity: 0.65 }, 500) }) })
<a href="#" index=‘2‘>2</a>
$(function () { $(‘a‘).prop(‘href‘, ‘www.baidu.com‘) console.log($(‘a‘).prop(‘href‘)); console.log($(‘a‘).attr(‘index‘)); })
原文：https://www.cnblogs.com/xf2764/p/12751499.html