您的位置：首页 > 其它

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

2016-09-25 16:10 429 查看

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 对象中的所有元素。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航