jQuery初识，引入jquery库，jquery语法、函数，类样式使用与移除

最新推荐文章于 2024-09-11 15:33:18 发布

debug_mode

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量98

点赞数

分类专栏： jquery常用功能文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/debug_mode/article/details/122208358

版权

jquery常用功能专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<script src="jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
   <script type="text/javascript">
       $(function(){
           // alert("我编写的第一个jQuery程序");
       });
       $(document).ready(function(){
           // 隔行变色 $()工厂函数 tr:even 选择器 css()改变样式的方法
           $("tr:even").css("backgroundColor","yellow")
           // jquery函数中可写js语句
           // 定义一个Dom对象
           var trs=document.getElementByTagName("tr");
           // (trs).css("backgroundColor","yellow");
       });
       $("p").css("color","blue");
       $("#p1").css("color","green");
       $(".red").css("color","red");

       // 通过类样式修改p3
       $("#p3").addClass("change");
       // 移除类样式
       $("#p3").removeClass("change");
   </script>

附赠html与css部分

<body>
       <table border="1px">
           <tr>
               <td>a</td>
               <td>a</td>
               <td>a</td>
               <td>a</td>
           </tr>
           <tr>
               <td>b</td>
               <td>b</td>
               <td>b</td>
               <td>b</td>
           </tr>
           <tr>
               <td>c</td>
               <td>c</td>
               <td>c</td>
               <td>c</td>
           </tr>
           <tr>
               <td>d</td>
               <td>d</td>
               <td>d</td>
               <td>d</td>
           </tr>
           <tr>
               <td>e</td>
               <td>e</td>
               <td>e</td>
               <td>e</td>
           </tr>
           <tr>
               <td>f</td>
               <td>f</td>
               <td>f</td>
               <td>f</td>
           </tr>
       </table>
       <p>测试</p>
       <p class="red">测试</p>
       <p id="p1">测试</p>
       <p id="p3">我佛减肥不能渡欧东</p>
   </body>

S01E08

debug_mode

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery初识，引入jquery库，jquery语法、函数，类样式使用与移除

 <script src="jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ // alert("我编写的第一个jQuery程序"); }); $(docume...
复制链接

扫一扫

专栏目录