$("#test").html() //意思是指&＃xff1a;获取ID为test的元素内的html代码。其中html()是jQuery里的方法 // 这段代码等同于用DOM实现代码&＃xff1a; document.getElementById(" test ").innerHTML; //虽然jQuery对象是包装DOM对象后产生的&＃xff0c;但是jQuery无法使用DOM对象的任何方法&＃xff0c;同理DOM对象也不能使用jQuery里的方法.乱使用会报错//约定&＃xff1a;如果获取的是 jQuery 对象, 那么要在变量前面加上$. var $variable &＃61; jQuery 对象
var variable &＃61; DOM 对象$variable[0]&＃xff1a;jquery对象转为dom对象 $("#msg").html(); $("#msg")[0].innerHTML

$("div").children(".test") $("div").find(".test") $(".test").next() $(".test").nextAll() $(".test").nextUntil("#end") $("div").prev() $("div").prevAll() $("div").prevUntil() $(".test").parent() $(".test").parents() $(".test").parentUntil() $("div").siblings()

-------------------------属性
$("").attr();
$("").removeAttr();
$("").prop();
$("").removeProp();
--------------------------CSS类
$("").addClass(class|fn)
$("").removeClass([class|fn])
--------------------------HTML代码/文本/值
$("").html([val|fn])
$("").text([val|fn])
$("").val([val|fn|arr]) //固有属性采用val()
---------------------------
$("").css("color","red") //ele2.css({"color":"red","background-color":"green"})

/替换$("").replaceWith(content|fn) ----->$("p").replaceWith("Paragraph. ");//删除
$("").empty() //是把标签里面的内容清空$("").remove([expr]) //把标签移除//复制
$("").clone([Even[,deepEven]])

CSS$("").css(name|pro|[,val|fn])位置$("").offset([coordinates])$("").position()$("").scrollTop([val]) //设置或获取滚轮的高度$("").scrollLeft([val])尺寸$("").height([val|fn]) //获取或设置content的高度$("").width([val|fn]) //获取或设置content的宽度$("").innerHeight() //包含了padding$("").innerWidth()$("").outerHeight([soptions]) //包含padding和border 设置为 true 时&＃xff0c;计算边距在内。$("").outerWidth([options])

页面载入ready(fn) //当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。$(document).ready(function(){}) -----------> $(function(){})事件处理$("").on(eve,[selector],[data],fn) // 在选择元素上绑定一个或多个事件的事件处理函数。// .on的selector参数是筛选出调用.on方法的dom元素的指定子元素&＃xff0c;如&＃xff1a;// $(&＃39;ul&＃39;).on(&＃39;click&＃39;, &＃39;li&＃39;, function(){console.log(&＃39;click&＃39;);})就是筛选出ul下的li给其绑定// click事件&＃xff1b;
[selector]参数的好处:好处在于.on方法为动态添加的元素也能绑上指定事件&＃xff1b;如&＃xff1a;//$(&＃39;ul li&＃39;).on(&＃39;click&＃39;, function(){console.log(&＃39;click&＃39;);})的绑定方式和//$(&＃39;ul li&＃39;).bind(&＃39;click&＃39;, function(){console.log(&＃39;click&＃39;);})一样&＃xff1b;我通过js给ul添加了一个//li&＃xff1a;$(&＃39;ul&＃39;).append(&＃39;