JQuery——02——操作

• 操作样式css操作

.css(name,value)   name:样式名   value:样式值                        修改单个样式
例：

 

$(function(){
                   $("li").css("color","red").css('font-size', '32px').css('backgroundColor', 'pink');            
		});

.css({
                     property1: 'value1',
                     property2: 'value2'
                   });          
property1 :样式名      value1:样式值    { }  对象                     修改多个样式
例：

 

<span style="color:#009900"> $(function(){
                   $("li").css({
                     'color': 'red',
                     'font-size': '32px'
                   });            
		});</span>

如果传参数的时候，没有传value，就是获取当前元素的name样式名的样式值。
.css(name)

 

• class操作

.addClass("类名");             给jq对象添加一个类，会在原来的类上追加现在加的类。如果同一个样式权重一样，前面生效 .
.removeClass("类名");      给jq对象移除一个类。
.hasClass("类名");             判断当前jq对象是否有这个类。返回值false/true。
.toggleClass("类名");        判断当前对象是否有这个类，有就移除，没有就添加。切换类

 

 

 

• 属性操作attr
   $(function(){
                                                       $("img").attr('attribute', 'value'););          
                                    });

       修改单个属性的方法。
      $(function(){
                                                     $("img").attr({
                                                       property1: 'value1',
                                                       property2: 'value2'
                                                     });          

 

 

 

                                      });

 

      修改多个属性的方法。

     获取属性方法和CSS操作一样。

removeAttr(name):移除摸个属性。

在jquery1.6以后 为了获取selected  checked  disabled  等这些属性 用.prop()方法。

 

 

 

 1、可以直接  $('<a></a>')   创建一个jq对象   a标签。

 2、.append('<a></a>')    给当前对象追加一个子元素a标签到子元素的最后面。

 3、.prepend('<a></a>')  给当前对象追加一个子元素a标签到子元素的最前面。

 4、.appendTo('<a></a>')  把当前对象追加到a标签中，且是子元素的最后面。

 5、.prependTo('<a></a>')  把当前对象追加到a标签中，且是子元素的最前面。

 6、.after('<a></a>')    把a标签放到当前元素的后面，作为兄弟元素。

 7、.before('<a></a>')  把a标签放到当前元素的前面，作为兄弟元素。

 8、.html("")/.empty();    这两方法都可以把当前元素的内部 给清空. html清空只会清内容不会清事件可能引发内存泄漏。

 9、.remove();   删除当前元素。

10、.clone();    克隆当前元素。默认参数是false（不复制事件），true 不仅复制元素还复制当前元素的全部事件。