JQUERY

Posted 2020-07-28 五月十九

JQUERY方式

1.根据ID取元素，Jquery对象 var div = $("#one");

2.根据class取 var div = $(".test");

3.根据属性取 var bd = $("[bs=‘aa‘]");

4.根据标签名取 var div = $("div");

5.组合选取 var div = $("div span");

操作内容

1.非表单元素 alert(div.text()); div.text("aaaa"); div.html();

2.表单元素 div.val("aaa"); 操作属性 div.attr("test","aa"); div.removeAttr("test"); div.attr("test"); 操作样式 div.css("background-color","yellow"); alert(div.css("color")); 操作元素 var str = ""; div.append(str); //追加元素 $("#a").remove(); //移除某个元素 $(".test").click(function(){ alert($(this).text()); })

JS方式

1.根据ID取元素，DOM对象 var div = document.getElementById("one");

2.根据class取元素 var div = document.getElementsByClassName("test");

3.根据name取 var bd = document.getElementsByName("uid");

4.根据标签名取 var div = document.getElementsByTagName("div");

操作内容

1.非表单元素 alert(div.innerText); div.innerText = "aaaa"; div.innerHTML;

2.表单元素 div.value 操作属性 div.setAttribute("",""); div.removeAttribute(""); div.getAttribute(""); 操作样式 div.style.backgroundColor = "red"; alert(div.style.color);只能获取内联样式 在数组里面如果要取DOM对象使用索引的方式，如果要取Jquery对象使用eq()