http://www.cnblogs.com/jinshui/p/5610166.html 转
//获取对象
//js获取的是dom对象,jquery获取的是jquery对象
//jquery对象可以输出dom对象,索引方式输出dom对象,eq()[]方式输出dom对象;
//通过id获取元素
/*var div=document.getElementById("one");
alert(div);//获取到的是一个html元素[object htmldivelement],DOM对象
var div=$("#one");
//alert(div);//获取到的是一个对象[object Object],jquery对象
alert(div[0]);//[object htmldivelement]
alert(div.eq(0)[0]);//[object hemldivelement]*/
//通过class获取元素
/*var div=document.getElementsByClassName("two");
alert(div);//js获取到的是数组[object collection],取值用下标
var div=$(".two");
alert(div);//[object Object],里面装的是数组,3个div元素;
alert(div[0]);//索引取出的是DOM对象;
alert(div.eq(2)[0]);//这样取出的是DOM对象;*/
/*//通过name获取元素
var bd=document.getElementsByName("uid");
alert(bd[0]);
//通过属性获取元素;
var bd=$("[name=‘uid‘]");
var bd=$("[bs=‘aa‘]");
alert(bd[0]);*/
//通过标签名获取元素
/*var a=document.getElementsByTagName("div")
alert(a[0]);
var b=$("div");
alert(b[0]);*/
//组合选取
/*var c=$("div span");//空格选取后代
alert(c[0]);*/
//操作对象
//1、操作内容
//非表单元素
//js:
//取值:
/*var t=document.getElementById("one");
alert(t.innerText);
alert(t.innerHTML);
//赋值
t.innerText="aaa";
t.innerHTML="<h1>反反复复</h1>";
var ar=document.getElementsByClassName("two");
ar[0].innerText="s";
alert(ar[0].innerText);*/
//jquery赋值取值:
/*var a=$("#one");
a.text("面积");
alert(a.text());
a.html("<input type=‘text‘ />");
alert(a.html());*/
//表单元素
//js
//var t=document.getElementById("uid");
//t.value="asdas";
//alert(t.value)
//jquery
/*var t=$("#uid");
t.val("就喝喝酒");
alert(t.val());*/
//2、操作属性
//js
/*var d=document.getElementById("one");
d.setAttribute("","");
d.removeAttribute("");
d.getAttribute("");*/
//jquery
//var d=$("#one");
/*d.attr("test","很后悔");//创建
d.removeAttr("test");//去除
d.attr("id");//获取*/
//3、操作样式
//js
/*var d=document.getElementById("one");
d.style.backgroundColor="red";
alert(d.style.color);//只能获取内联样式*/
//jquery
/*var a=$("#one");
a.css("background-color","yellow");
alert(a.css("color"));*/
//4、操作元素
/*var m=$("#one");
var r="<div style=‘width:100px;height:100px;background-color:red‘ id=‘s‘>事实上事实上</div>";
m.append(r);//追加元素
$("#s").remove();//移除某个元素*/
//事件
//点击事件
/*$(".two").click(function(){
alert($(this).text());
})*/
/*$(".two").click(function(){
alert($(this).text());
})*/
//点一次弹两次
//绑定
$(".two").bind("click",function(){
alert($(this).text());
});
//解绑
$("#q").click(function(){
$(".two").unbind("click");
});
//添加绑定按钮,点多次按钮点一下出现多次效果
$("#qq").click(function(){
$(".two").bind("click",function(){
alert("aa");
});
})
//获取对象//js获取的是dom对象,jquery获取的是jquery对象//jquery对象可以输出dom对象,索引方式输出dom对象,eq()[]方式输出dom对象;//通过id获取元素/var div=document.getElementById(“one”);alert(div);//获取到的是一个html元素[object htmldivelement],DOM对象var div=KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲one");//alert(d…(".two");alert(div);//[object Object],里面装的是数组,3个div元素;alert(div[0]);//索引取出的是DOM对象;alert(div.eq(2)[0]);//这样取出的是DOM对象;////通过name获取元素var bd=document.getElementsByName(“uid”);alert(bd[0]);//通过属性获取元素;var bd= ( " [ n a m e = ‘ u i d ‘ ] " ) ; v a r b d = ("[name=‘uid‘]");var bd= ("[name=‘uid‘]");varbd=("[bs=‘aa‘]");alert(bd[0]);///通过标签名获取元素/var a=document.getElementsByTagName(“div”)alert(a[0]);var b= ( " d i v " ) ; a l e r t ( b [ 0 ] ) ; ∗ / / / 组 合 选 取 / ∗ v a r c = ("div");alert(b[0]);*///组合选取/*var c= ("div");alert(b[0]);∗///组合选取/∗varc=(“div span”);//空格选取后代alert(c[0]);/