JQuery魔力(一）$(“tagName”)

最新推荐文章于 2024-07-08 10:04:44 发布

aocezhi0403

最新推荐文章于 2024-07-08 10:04:44 发布

阅读量80

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/ponyblog/archive/2012/02/29/2371374.html

版权

DOM 中的 getElementsByTagName()方法在JQuery中的表现就是$(“tagName”)这么简单！

匿名函数来解决 window.onload 事件

对页面上的所有“div”标记下手，定义统一的外观

对“body”标记定义外观

动态添加一个“span”标记将其放置在“body”里

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JQuery 测试</title>
    <script src="js/jquery-1.7.1.min.js" type="text/javascript">
    </script>
    <script type='text/javascript'>
        $(function () {
            $("div").width(100)
            .css("color", "red")
            .css("margin", "20px")
            .css("border", "dotted 1px green");
            $(document.body).css("background-color", "#cccccc");
            $("<span>Four</span>").appendTo("body");
        });
    </script>
    <script type="text/javascript">
        $(function () {
            var v = $("div");
            alert(v.length);
            for (var i = 0; i < v.length; i++) {
                alert(v[i].innerHTML);
            } 
        });
    </script>
</head>
<body>
    <div>
        第一个div</div>
    <div>
        第二个div</div>
    <div>
        第三个div</div>
</body>
</html>

转载于:https://www.cnblogs.com/ponyblog/archive/2012/02/29/2371374.html

aocezhi0403

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery魔力(一）$(“tagName”)

DOM 中的 getElementsByTagName()方法在JQuery中的表现就是$(“tagName”)这么简单！匿名函数来解决 window.onload 事件对页面上的所有“div”标记下手，定义统一的外观对“body”标记定义外观动态添加一个“span”标记将其放置在“body”里 <html xmlns="http://www.w3.org/199...
复制链接

扫一扫