jquery简单总结

下面是对平时遇到的一些jQuery的简单知识点的总结

• jQuery获取对象的方法
  <input class="test" name="test" id="test"/>
  (1) 类选择器获取 $(“.test”)，选取 class 为 “test” 的所有元素

  (2) id 选择器获取 $(“#test”)，选取 id=”test” 的 元素

  (3) $("input[name='test']") 选取 name为 "test" 的所有元素，$(“input[class=’test’]”)选取 class为 “test” 的所有元素

• jQuery选中radio
  
<input name="rd" star="3" type="radio" value="3">
<input name="rd" star="4" type="radio" value="4">
<input name="rd" star="5" type="radio" value="5">

  (1)获取单选框值的三种方式：
  
$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

  (2)选中第二个radio ：$("input[name='rd']").eq(1).porp("checked", true);
  (3)遍历：
  
$("input[name='rd']").each(function () {
var value = $(this).val(); //获取对象的属性值
var star = $(this).attr("star"); //获取对象的属性值
$(this).is(":checked") //判断此对象是否被选中
}

• 隐藏标签
  
obj.show();
obj.hide();
obj.is(":hidden") //判断对象是否隐藏

• 关于jQuery动态添加html

<div id="test"> <p>123</p></div>
$("#test").append("<p>345</P>); //在此对象标签里添加  
<div id="test"> <p>123</p><p>456</p></div>;//结果 

$("#test").before("<p>345</P>); //在此对象前边添加
<p>456</p><div id="test"> <p>123</p></div>;//结果

 $("#test").after("<p>345</P>); //在此对象后边添加
 <div id="test"> <p>123</p></div><p>456</p>;//结果

• 关于删除标签

 <div id="test"><p>123</p></div>
   $("#test").remove(); //删除标签   
   $("#test").html();  //获取标签里的html,结果:<p>123</p> 
   $("#test").html("");//清空标签里的html <div id="test"></div>

• 给对象添加属性

<div id="test" class="test"></div>
  $("#test").addClass("test1"); // 给对象添加class 结果： <div id="test" class="test test1"></div>
  $("#test").removeClass("test"); // 给对象移除class 结果： <div id="test" class="test1"></div>
  $("#test").attr("name","test"); //给对象添加属性 结果： <div id="test" name="test" class="test1"></div>

• jQuery字符串操作

var str = "123,456,234";
var a = str.split(","); //分割字符串，结果是一个数组   a[0]=123,a[1]=456,a[3]=234
var substr = str.substr(0,2); //截取字符串 结果：12
str.indexof(",") //判断字符串是否包含逗号，如果大于0就包含

• jQuery排序

var vehicleJsonArray = new Array();
    vehicleJsonArray.push(对象);
     vehicleJsonArray = vehicleJsonArray.sort(
            function(a, b)  //根据对象里的某个属性排序
            {
                if (a.capacity < b.capacity) return -1;
                if (a.capacity > b.capacity) return 1;
                return 0;
            }
        );