$(document).ready(function(){ $('#external_links a').click( function()

来源:互联网 发布:淘宝收费吗 编辑:程序博客网 时间:2024/06/15 06:14

id_external_links.html

<html> 
<head> 
<title>标题</title> 
<script type="text/javascript" src="jQuery\jquery-1.11.1.min.js"></script>

        <script type="text/javascript">

            $(document).ready(function(){
                 $('#external_links a').click(
     function()
       {
        return confirm('You are going to visit: ' + this.href);
       }
     );
            });

        </script>

    </head>
<body> 

<div id="external_links">
<a href="http://www.baidu.com">baidu</a><br>
<a href="www.google.com">google</a><br>
</div>

 <hr><hr>
</body> 
</html> 


如果您具备 CSS 选择器的基本知识,那么应该很熟悉这些语法。在 清单 2 中,#external_links 用于检索 id 为 external_links 的元素。a 后的空格表示 jQuery 需要检索 external_links 元素中的所有 <a> 元素。用英语说起来非常绕口,甚至在 DOM 脚本中也是这样,但是在 CSS 中这再简单不过了
$() 函数返回一个含有所有与 CSS 选择器匹配的元素的 jQuery 对象。jQuery 对象 类似于数组,但是它附带有大量特殊的 jQuery 函数。比方说,您可以通过调用 click 函数把 click 处理函数指定给 jQuery 对象中的所有元素。


0 0
原创粉丝点击