Write less ，do more ——JQuery快速入門
阿新 • • 發佈：2019-01-24
九.js只能獲取行內樣式，也就是style後面的，但是jquery既可以獲取行內樣式還可以獲取內部樣式與外部樣式
dom設定的樣式都會被設定為行內樣式
$().css('屬性名');獲取屬性
$().css('屬性名','屬性值');設定屬性值，是設定在行內樣式中
$().css('json格式');通過json格式設定多個css屬性
注：複合樣式可以直接設定，但是獲取必須要拆分為單一樣式才能獲取
比如 border: 1px solid red;
獲取的話 分為 border-width,border-style,border-color來獲取
十.value屬性值快捷操作
<input type = "checkbox" name = "h" value = "bas" class ="h">打籃球</input>
<input type = "checkbox" name = "h" value = "foo" class ="h">踢足球</input>
<input type = "checkbox" name = "h" value = "pp" class ="h">打乒乓球</input>
9.1前面學的對value屬性的操作如下
$().attr('value');
$().attr('value','屬性值');
現在對value屬性的快捷操作如下
$().val();獲取value的值
$().val('值');設定value的值
以上操作在複選框，單選框，下拉列表中有突出表現
9.1複選框預設情況下的選中
剛才還沒體現val()方法的強大之處，與傳統dom程式碼還簡單不到哪裡去
下面就讓你見識下了:
比如我要實現將value等於foo與pp的複選框設定為預設選中，那麼如果 用js的話還要先依次判斷value值然後再設定
這裡用jquery的話一句話就解決，如下：
$('.h').val(['foo','pp']);就實現將這兩個預設選中了
注：若value值為整數則不需要加'引號，是字串的話就要加
9.2下拉列表預設情況下的選中
獲取單個被選中的
$('option:selected').val();
獲取多個被選中的
在select標籤裡面如果在select標籤裡面設定multip = "multiple"
$('select').val();就可以實現獲取選中的值
dom設定的樣式都會被設定為行內樣式
$().css('屬性名');獲取屬性
$().css('屬性名','屬性值');設定屬性值，是設定在行內樣式中
$().css('json格式');通過json格式設定多個css屬性
注：複合樣式可以直接設定，但是獲取必須要拆分為單一樣式才能獲取
比如 border: 1px solid red;
獲取的話 分為 border-width,border-style,border-color來獲取
十.value屬性值快捷操作
<input type = "checkbox" name = "h" value = "bas" class ="h">打籃球</input>
<input type = "checkbox" name = "h" value = "foo" class ="h">踢足球</input>
<input type = "checkbox" name = "h" value = "pp" class ="h">打乒乓球</input>
9.1前面學的對value屬性的操作如下
$().attr('value');
$().attr('value','屬性值');
現在對value屬性的快捷操作如下
$().val();獲取value的值
$().val('值');設定value的值
以上操作在複選框，單選框，下拉列表中有突出表現
9.1複選框預設情況下的選中
剛才還沒體現val()方法的強大之處，與傳統dom程式碼還簡單不到哪裡去
下面就讓你見識下了:
比如我要實現將value等於foo與pp的複選框設定為預設選中，那麼如果 用js的話還要先依次判斷value值然後再設定
這裡用jquery的話一句話就解決，如下：
$('.h').val(['foo','pp']);就實現將這兩個預設選中了
注：若value值為整數則不需要加'引號，是字串的話就要加
9.2下拉列表預設情況下的選中
獲取單個被選中的
$('option:selected').val();
獲取多個被選中的
在select標籤裡面如果在select標籤裡面設定multip = "multiple"
$('select').val();就可以實現獲取選中的值