1.jquery需要引入一个js文件并且这个js文件是在所有代码之前
2.找标签
(1) jquery(选择器) = $(选择器); 例 id选择器 class选择器
<div id="ddd" class=“bbb”></div>
(2) document.getElementById().setAttribute('class','bbb') (dom找标签)
$('ddd').attr('class','bbb'); (jquery找标签)
3.转换
(1).jquery转js
$('#ddd')[0] 或者 $('#ddd').get(0) 转换成dom对象doucment.getElementById("ddd")
(2).js转jquery
如:var v=document.getElementById("v"); //js对象
var $v=$(v); //jQuery对象
注意 $('.ddd')[0] 或者 $('.ddd').get(0) 要是class的话 这个[0]找的只是第一项
4.找下标
$('#ddd').eq(0)
5.操作内容
js: dom.innerHTML (非表单元素)
dom.value(表单元素)
jquery:$.val( ); (表单元素)
$.html( );(非表单元素) 或者 $.text( ); 最后这个不常用
6.操作属性
js: document.getElementById().setAttribute(属性名,属性值) (建立一个属性,并同时给属性捆绑一个值)
document.getElementById().getAttribute(属性名) (获取某一个属性的值)
jquery: $.attr(属性名,属性值)
$.attr(属性名)
7.操作样式
js: document.getElementById( ).style.样式、
jquert: $.css(属性名,属性值)例如(‘color’,‘red’)
设置多个属性: $.css({属性名:属性值,属性名:属性值})例如({height:30px,color:red,}) 跟上面的操作属性是一样的
8.事件
js:document.getElementById().addEventListener(‘click’,aa) 就是在行内写 noclick="aa()" 在addEventListener里面写前面不用加on 后面不用加()和引号
document.getElementById().click=function(){
}
jquert:$.click(function(){
})
注意: 先引入css文件 在引jquery文件 在引入框架 最后引入自己的