JQuery 三元運算

JQuery三元運算文法：

1

<code>var value = 條件?value1:value2;</code>

解釋：設定一個變量value，根據條件進行判斷，如果條件為真，則設定value=value1，否則value=value2

執行個體：

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

<code>&lt;script src=</code><code>"js/jquery-3.1.1.js"</code><code>&gt;&lt;</code><code>/script</code><code>&gt;</code>

<code>&lt;script </code><code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;</code>

<code>    </code><code>function</code> <code>checkAll(){</code>

<code>        </code><code>$(</code><code>' :checkbox'</code><code>).prop(</code><code>'checked'</code><code>,</code><code>true</code><code>);</code>

<code>    </code><code>}</code>

<code>    </code><code>function</code> <code>cancleall(){</code>

<code>        </code><code>$(</code><code>' :checkbox'</code><code>).prop(</code><code>'checked'</code><code>,</code><code>false</code><code>);</code>

<code>    </code> 

<code>&lt;</code><code>/script</code><code>&gt;</code>

<code>    </code><code>function</code> <code>reverseAll(){</code>

<code>        </code><code>$(</code><code>' :checkbox'</code><code>).each(</code><code>function</code><code>(){</code>

<code>            </code><code>//</code> <code>if</code><code>(this.checked){</code>

<code>            </code><code>//</code>     <code>this.checked = </code><code>false</code><code>;</code>

<code>            </code><code>//</code> <code>}</code><code>else</code><code>{</code>

<code>            </code><code>//</code>     <code>this.checked = </code><code>true</code><code>;</code>

<code>            </code><code>//</code> <code>}</code>

<code>            </code><code>//</code> <code>if</code><code>($(this).prop(</code><code>'checked'</code><code>)){</code>

<code>            </code><code>//</code>     <code>$(this).prop(</code><code>'checked'</code><code>,</code><code>false</code><code>);</code>

<code>            </code><code>//</code>     <code>$(this).prop(</code><code>'checked'</code><code>,</code><code>true</code><code>);</code>

<code>            </code><code>var </code><code>v</code> <code>= $(this).prop(</code><code>'checked'</code><code>)?</code><code>false</code><code>:</code><code>true</code><code>;</code>

<code>            </code><code>$(this).prop(</code><code>'checked'</code><code>,</code><code>v</code><code>);</code>

<code>        </code><code>})</code>

<code>    </code><code>}  </code>

prop屬性：

$(this).prop('checked')：表示擷取checked屬性的值，

$(this).prop('checked'，true/false)：表示設定checked屬性的值為true/false。

prop常用語checked和selected屬性

this： 表示DOM對象，$(this)表示JQuery對象，隻有JQuery對象才能使用JQuery方法。

本文轉自 曾哥最愛 51CTO部落格，原文連結：http://blog.51cto.com/zengestudy/1921115，如需轉載請自行聯系原作者