jQuery 旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax。
设置文本内容
jQuery:
var obj= $("#id");
obj.text(" ");
JavaScript:
obj.textContent= " ";
jq选择器;$("#id") , $("标签名"), $(".class"), $("CSS选择器")
获取文本内容
jQuery:
obj .text();
JavaScript:
obj .textContent 或 obj .innerText
设置HTML内容
jQuery:
obj .html("<p>Hello World</p>")
JavaScript:
obj .innerHTML = "<p>Hello World</p>"
获取HTML内容
jQuery:
obj .html()
JavaScript:
obj.innerHTML
隐藏HTML元素
jQuery:
obj.hide()
JavaScript:
obj .style.display="none"
显示HTML元素
jQuery:
obj.show()
JavaScript:
obj .style.display=""
样式化HTML
jQuery:
obj.css("样式名","样式值")
JavaScript:
obj .style.样式名="样式值"
删除元素
jQuery:
obj.remove;//直接删除
JavaScript:
obj .parentNode.removeChild(obj)//通过父节点删除
获取父元素
jQuery:
obj.parent();
JavaScript:
obj .parentNode