jq和js的关系_jQuery教程 浅谈js 和 jQuery 的区别

原标题：jQuery教程 浅谈js 和 jQuery 的区别

本篇教程介绍了jQuery教程 浅谈js 和 jQuery 的区别，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

<

js 和 jQuery 的区别 主要体现在Dom操作

(jq代表我找到的元素对象)

找元素：

js:document.get...

jquery: $(选择器)

设定：jq 是jquery对象 js 是Java对象

操作内容：

js：js.innerHTML

js.value

非表单元素：jq:jq.html() jq.html("sad") jq.html(jq.html()+"sad")追加值

表单元素：jq.val() jq.val("修改值")

操作属性：

js:js.getAttribute("属性名");

js.setAttribute("属性名","属性值");

js.removeAttribute("属性值");

jq:jq.attr("属性名");

jq.attr("属性名","属性值");

jq.attr({"属性名":"属性值","属性名":"属性值"});

jq.removeAttr("属性名"); 移出属性

jq.addClass("calss值");添加class并赋值

操作样式：

js：js.style.样式=样式值 只能获取行内

jq：jq.css("样式")

jq.css("样式","样式值")

jq.css({"样式":"样式值","样式":"样式值"})

操作事件：

js：js.οnclick=function(){}

绑定事件 可以多次绑定，事件触发执行多次

js.bind("click",function(){

alert(123);

})

//接触绑定

js.unbind("click")

jq:jq.click(function(){

this：js对象

})

js和jq互转

js->jq $(js)

jq->js $(选择器)[0] || $(选择器).get(0)

jq页面加载完成

$(document).ready(function(){

})

$(function(){

责任编辑：