jQuery基础知识
jQuery需要引入一个js文件,并且这个文件在所有js代码之前(包括引入的其他js文件)
基础操作(对比js):
1、找标签:
js:document.getElement..
jquery:$(选择器); //有引号;标签名、#id、.class
比如:$("input:checked")
--找到所有复选框
jquery对象和js对象转换:
jquery ==》 js:$('.add').get(0) 或者 $('.add')[0];
0不是下标;如果是根据下标找元素则为:$('.add').eq(0);
js ==》jquery:var dom = document.getElement...
$(dom);
2.操作内容:
js(dom):
非表单:dom.innerHTML
表单:dom.value
jquery($):
非表单:$.html(); //括号内加引号,引号内为修改之后的值
表单:$.val();
3.操作属性:
js:dom.getAttr... dom.setAttr...
jquery:$.attr(属性名,属性值);
可批量操作,以键值对的形式:$.attr({属性名1:属性值1,属性名2:属性值2});
如果是标签特性,比如checked,使用prop:
$('#checked').attr('checked'); //返回checked
$('#checked').prop('checked'); //返回true或者false
4.操作样式:
js:dom.style.样式
jquery:$.css(属性名); //同上3
5.事件:
js:dom.addListe....
jquery:$.click(function(){;}); //事件名同js,区别于html
例如:$('#up').click(function(){;}); $('#up').click(up); //事件名称小写。方法名不带括号。