jquery簡單總結
阿新 • • 發佈：2019-01-11
下面是對平時遇到的一些jQuery的簡單知識點的總結
jQuery獲取物件的方法
<input class="test" name="test" id="test"/>
(1) 類選擇器獲取 $(“.test”)，選取 class 為 “test” 的所有元素(2) id 選擇器獲取 $(“#test”)，選取 id=”test” 的 元素
(3)
<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") //判斷物件是否隱藏
<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;
}
);