3.26笔记

var $li = $('ul li:eq(1)');
  var li_txt = $li.text();
  alert(li_txt);
查找元素节点
var $para = $('p');
var p_text = $para.attr('title');
alert(p_text);
.查找属性节点
 var $li_1 = $('<li>1</li>');
var $li_2 = $('<li>2</li>');
$('ul').append($li_1);
$('ul').append($li_2);
创建元素节点
var $li_1 = $('<li title="香蕉">香蕉</li>');
var $li_2 = $('<li title="雪梨">雪梨</li>');
$('ul').append($li_1);
$('ul').append($li_2);
创建属性节点
$(function(){
      //获取样式
      $("input:eq(0)").click(function(){
alert( $("p").attr("class") );
  });
      //设置样式
  $("input:eq(1)").click(function(){
$("p").attr("class","high");
  });
      //追加样式
  $("input:eq(2)").click(function(){
$("p").addClass("another");
  });    
  //删除全部样式
show() 方法和 hide() 方法
调用hide()方法会将元素的display样式改为' none '。
show()方法将元素的display样式设置为先前的显示状态。
show()方法和hide()方法的参数可以指定毫秒值，缓慢的隐藏和展示。
$('p').toggle(function(){
$(this).hide(2000);
},function(){
$(this).show(2000);
}) 
  $("input:eq(3)").click(function(){
$("p").removeClass();
  });  
   //删除指定样式
  $("input:eq(4)").click(function(){
$("p").removeClass("high");
  });   
  //重复切换样式
  $("input:eq(5)").click(function(){
$("p").toggleClass("another");
  });  
  //判断元素是否含有某样式
  $("input:eq(6)").click(function(){
alert( $("p").hasClass("another") )
alert( $("p").is(".another") )
  });  
  });