jQuery is()函数用法3例

jQuery提供了is()方法可以很方便的判断元素是否可见，是否隐藏，是否选中。

一、判断元素是否隐藏

如下html中的div元素是隐藏的：
复制代码 代码如下:

    你看不到我

二、判断checkbox是否选中

jquery中可以通过xx.is(':checked')判断checkbox，radiobutton是否是选中状态，如下测试html
复制代码 代码如下:

    chkChecked
    chkNoChecked

三、判断是否使用了某个样式

复制代码 代码如下:


 
 
    //设置一些基本样式
  div { width:60px; height:60px; margin:5px; float:left;
      border:4px outset; background:green; text-align:center;
      font-weight:bolder; cursor:pointer; }
  .blue { background:blue; }  //样式1
  .red { background:red; }//样式2
  span { color:white; font-size:16px; }
  p { color:red; font-weight:bolder; background:yellow;
      margin:3px; clear:left; display:none; }
 
  //注意 这里使用的是jQuery官方的脚步库


    //注意这里出现了第一个div
//注意这里出现了第2个div
//注意这里出现了第3个div
//注意这里出现了第4个div

Peter//注意这里出现了第5个div
//注意这里出现了第6个div