0417 jQuery基础知识

2023-08-12 22:38•数据库•阅读 2300

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);　　//事件名称小写。方法名不带括号。