PHP-------- JQUERY方式

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 id='a' style='width:100px; height:100px; </div>";

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()

巴特西

PHP-------- JQUERY方式

最新文章

热门文章