jQuery

jquery

为什么使用jquery？
jquery是一个丰富的js库，内部对js的很多复杂的方法进行了封装和加工，比如js很多方法名很冗长，jquery封装后方法就变得简便了，也考虑到了跨浏览器兼容问题，这样我们用js时需要考虑的很多问题它都帮我们解决了，这样我们使用时就比js代码要方便，高效的多。

jQuery选择器

语法	描述
$("*")	所有元素
$("#lastname")	id=“lastname” 的元素
$(".intro")	所有 class=“intro” 的元素
$(“p”)	所有 p标签元素
$(“p:first”)	第一个 p标签 元素
$(“p:last”)	最后一个 p标签元素
$("[href]")	选取所有带有 href 属性的元素。
$("[href=’#’]")	选取所有带有 href 值等于 “#” 的元素。
$("[href!=’#’]")	选取所有带有 href 值不等于 “#” 的元素。
$("[href$=’.jpg’]")	选取所有 href 值以 “.jpg” 结尾的元素。
$(this)	当前 HTML 元素

jquery动画效果

方法	作用
show()	显示元素
hide()	隐藏元素
toggle()	显示/隐藏切换
slideDown()	向上滑动隐藏
slideUp()	向下滑动隐藏
slideToggle()	上下滑动切换隐藏
fadeOut()	淡入
fadeIn()	淡出
fadeTo()	改变透明度
fadeToggle()	淡入/淡出切换
animate()	自定义动画

animate() 自定义动画

$("button").click(function(){
    $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
  });
});