0417 jQuery基础知识

时间:2022-05-22 14:35:07

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