1.jquery是什么
一个js的框架,可以方便的使用js
2 什么是jQuery对象
是由jQuery封装后的DOM对象
注意:与DOM对象的方法不同,不可以混用,但是可以相互转换
3.基本语法:
jQuery对象.方法()
4.得到jQuery对象:
基本选择器 $("*") $("#id") $(".class") $("element") $(".class,p,div")
层级选择器 $(".outer div") $(".outer>div") $(".outer+div") $(".outer~div")
基本筛选器 $("li:first") $("li:eq(2)") $("li:even") $("li:gt(1)")
属性选择器 $('[id="div1"]') $('["alex="sb"][id]')
表单选择器 $("[type='text']")----->$(":text") 注意只适用于input标签
$("li").eq(2) $("li").first() $("ul li").hasclass("test")
$("div").children(".test") $("div").find(".test")
$(".test").next() $(".test").nextAll() $(".test").nextUntil()
$("div").prev() $("div").prevAll() $("div").prevUntil()
$(".test").parent() $(".test").parents() $(".test").parentUntil()
$("p").text() $("p").html() $(":checkbox").val()
$(".test").attr("alex") $(".test").attr("alex","sb")
$(".test").attr("checked","checked") $(":checkbox").removeAttr("checked")
$(".test").prop("checked",true)
(样式) css("{color:'red',backgroud:'blue'}")
(位置) offset() position() scrollTop() scrollLeft()
内部插入 $("#c1").append("<b>hello</b>") $("p").appendTo("div")
外部插入 before() insertBefore() after insertAfter()
replaceWith() remove() empty() clone()
$("#cnblogs_post_body > p:nth-child(60) > span > span").remove()
$(document).ready(function(){}) -----------> $(function(){})
$("p").bind("click",function(){})
$("ul").delegate("li","click",function(){})
动画效果: 查看http://jquery.cuishifeng.cn/
回调函数:
$("p").hide(1000,function(){
alert('动画结束')
})