前端笔记——jQuery

最新推荐文章于 2023-01-28 21:49:43 发布

Edison_困

最新推荐文章于 2023-01-28 21:49:43 发布

阅读量213

点赞数

分类专栏： WEB前端

本文链接：https://blog.csdn.net/E_ruby/article/details/75299177

版权

WEB前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

jQuery中选择器的空格问题

示例代码：

 
   <html>  
     <head>  
         <title>选择器空格的问题</title>  
         <script type="text/javascript" src="jquery.js"></script>  
          <script type="text/javascript">  
             $(document).ready(function()  
             {  
                 alert("带空格的选择器的长度是："+$(".test   :hidden").length);  
                 alert("不带空格的选择器的长度是："+$(".test:hidden").length);  
             });  
          </script>  
     </head>  
     <body>  
         <div class="test">  
             <div style="display:none;">我是内部div</div>  
             <div style="display:none;">我是内部div</div>  
             <div style="display:none;">我是内部div</div>  
             <div class="test" style="display:none;">我是内部div</div>  
         </div>  
         <div class="test" style="display:none;">我是外部div</div>  
         <div class="test" style="display:none;">我是外部div</div>  
     </body>  
 </html>  
 
 

对于上边的这两行来说：

“alert("带空格的选择器的长度是："+$(".test :hidden").length);”的弹出结果为4

“alert("不带空格的选择器的长度是："+$(".test:hidden").length);”的弹出结果为3

对于过滤选择器加上了空格的来说，它所获取的是其子元素的过滤，所以上边的例子是选取class为test的元素的子元素的隐藏元素。

而对于过滤选择器没有加上空格的来说，它所获取的是其自身元素的过滤，所以上边的例子选取隐藏的class为test的元素。

这两个经常把人搞混，但是他们所表达的意思是不一样的。

JavaScript中的setInterval用法

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

实例：

<html>
<body>

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
</form>
<button οnclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>