jQuery入门学习笔记--初学2

接着上面的,今天把自己学习的内容分析一下:

    首先得纠正一下上一篇文章的一个错误,在上一篇文章的最后,我提到页面加载就要实现的效果必须要按照:

      $(document).ready(function() { 

       //实现的函数体 

       }); 

    这样的模式才能够进行执行,其实不然,上面我所做的实例,完全是放在完全是把<script>标签放在html文档格式的<head>标签中的。如果这样,就必须要按照上面的代码格式才能够实现效果,否则报错,但是,如果我们把<script>标签放置到html文档的<body>标签中呢?呵呵,这样就可以不按照上面的方式,同样能够实现效果,例如:今天在学习jQuery的API时,里面学习addClass() 方法时,jQuery代码就是放置到<body>标签中,在页面加载完毕同样实现了效果:

    以下是页面的代码:

    <html xmlns="http://www.w3.org/1999/xhtml">
   <head runat="server">
    <title>选择多个css</title>
    <style type="text/css">
         p { margin: 8px; font-size:16px; }
         .selected { color:blue; }
         .highlight { background:yellow; }
  </style>

    <script src="jQuery/jquery-1.4.2.min.js"></script>  

</head>
<body>
    <form id="form1" runat="server">
        <div id="orderedlist">
            <p>
                Hello</p>
            <p>
                and</p>
            <p>
                Goodbye</p>

            <script >$("p:last").addClass("selected highlight");</script>
        </div>
    </form>
</body>
</html>

解释一下这句“$("p:last").addClass("selected highlight");”代码,这句代码就是遍历body中所有的p标签,获取最后一个p标签,并给它附加已经定义好了的“selected highlight”两个css样式,注意,同时附加多个css样式是以空格隔开的。

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对不起,我无法提供淘宝精品服饰案例的 jQuery 代码。但是,我可以为您提供一些关于如何使用 jQuery 开发淘宝精品服饰案例的一般指导。 首先,您需要引入 jQuery 库。您可以在 HTML 文件中使用以下代码来引入 jQuery: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 接下来,您可以使用 jQuery 来处理页面中的元素,例如添加、删除、修改元素的内容和样式等。下面是一个简单的例子,展示了如何使用 jQuery 选择元素,并为其添加点击事件: ```html <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>淘宝精品服饰案例</h1> <div id="item1">精品T恤</div> <div id="item2">精品裤子</div> <script> $(document).ready(function() { // 选择元素并添加点击事件 $("#item1").click(function() { alert("您点击了精品T恤!"); }); $("#item2").click(function() { alert("您点击了精品裤子!"); }); }); </script> </body> </html> ``` 在上面的例子中,我们使用 `$` 符号来表示 jQuery 对象,然后通过选择器选择元素(使用 `#` 表示选择 ID),并使用 `click` 方法为选定的元素添加点击事件。当用户点击相应的元素时,就会弹出一个提示框。 以上只是一个简单的示例,实际开发中您可以根据需求使用更多的 jQuery 方法和功能来构建淘宝精品服饰案例。希望对您有所帮助!如果您有更多问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值