1删除元素remove，empty

remove()   和 empty()的区别

remove：包括选中的元素包括其子元素，

empty：清除其子元素。

2.css属性

多属性使用{}括起来。

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>JQ-css</title>

     <script type="text/javascript" src="jquery-3.3.1.js"></script>

     <script>

         $(document).ready(function () {

             $("button").click(function () {

                 $("#div1").css({"background":"blue","border":"solid wheat"}) //多属性

                 $("#div2").css({"background":"purple","border":"solid red"})

             })

         })

     </script>

 </head>

 <body>

 <button>提交</button>

 <div id="div1">div1</div>

 <div id="div2">div2</div>

 </body>

 </html>

　　　　　　　　

　　　　　　$即将进入JQ的遍历。

1.parent 被选元素的直接父元素。

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>JQ-遍历</title>

     <script type="text/javascript" src="jquery-3.3.1.js"></script>

     <script>

         $(document).ready(function () {

             $("#span").parent().css({"color":"red","border":"solid red"})

         })

     </script>

 </head>

 <body>

 <!--灰色标注为初始颜色-->

 <div id="div" style="border: grey solid">

     div元素

     <ul id="ul" style="border: grey solid">

         ul元素

         <li id="li" style="border: grey solid">

             li元素

             <br><span id="span" style="border: grey solid" >

                 sp元素

             </span>

         </li>

     </ul>

 </div>

 </body>

 </html>

2.parents 选元素的所有祖先元素

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>JQ-遍历</title>

     <script type="text/javascript" src="jquery-3.3.1.js"></script>

     <script>

         $(document).ready(function () {

             $("#span").parents().css({"color":"red","border":"solid red"})

         })

     </script>

 </head>

 <body>

 <!--灰色标注为初始颜色-->

 <div id="div" style="border: grey solid">

     div元素

     <ul id="ul" style="border: grey solid">

         ul元素

         <li id="li" style="border: grey solid">

             li元素

             <br><span id="span" style="border: grey solid">

                 sp元素

             </span>

         </li>

     </ul>

 </div>

 </body>

 </html>

3.返回介于两个给定元素之间的所有祖先元素。

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>JQ-遍历</title>

     <script type="text/javascript" src="jquery-3.3.1.js"></script>

     <script>

         $(document).ready(function () {

             $("#span").parentsUntil("#div").css({"color":"red","border":"solid red"})

         })

     </script>

 </head>

 <body>

 <!--灰色标注为初始颜色-->

 <div id="div" style="border: grey solid">

     div元素

     <ul id="ul" style="border: grey solid">

         ul元素

         <li id="li" style="border: grey solid">

             li元素

             <br><span id="span" style="border: grey solid">

                 sp元素

             </span>

         </li>

     </ul>

 </div>

 </body>

 </html>

Jquery remove() empty() css()的更多相关文章

  1. jquery remove/add css

    <input type="submit" class="btn btn-primary" id="submit" value=&quo ...

  2. jQuery remove()与jQuery empty()的区别

    jQuery remove() 方法删除被选元素及其子元素.举例如下: <!DOCTYPE html> <html> <head> <script src=& ...

  3. jQuery中detach&&remove&&empty三种方法的区别

    jQuery中empty&&remove&&detach三种方法的区别 empty():移除指定元素内部的所有内容,但不包括它本身 remove():移除指定元素内部的 ...

  4. JQuery 加载 CSS、JS 文件

    JS 方式加载 CSS.JS 文件: //加载 css 文件 function includeCss(filename) { var head = document.getElementsByTagN ...

  5. Jquery remove 高级用法

    Jquery remove 高级用法 html 代码 <div class="file-image">abc1111</div><div class= ...

  6. JQuery中操作Css样式的方法

    JQuery中操作Css样式的方法//1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#tw ...

  7. jQuery基础 - 改变CSS样式

    jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性.其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开.比如我们要改变链接颜色,我们可以使用下面的代 ...

  8. jQuery修改操作css属性实现方法

    在jquery中我们要动态的修改css属性我们只要使用css()方法就可以实现了,下面我来给各位同学详细介绍介绍. css()方法在使用上具有多样性,我们先来了解css()方法基本知识. css() ...

  9. jQuery系列 第三章 jQuery框架操作CSS

    第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScr ...

随机推荐

  1. 作业1开发一个简单的python计算器

    开发一个简单的python计算器 实现加减乘除及拓号优先级解析 用户输入 1 - 2 * ( (60-30 +(-40/5) * (9-2*5/3 + 7 /3*99/4*2998 +10 * 568 ...

  2. 转：oracle几组重要的常见视图-v$undostat，v$open_cursor，v$rowcache，v$session_longops，v$waitstat

    v$undostat 本视图监控当前实例中undo空间以及事务如何运行.并统计undo空间开销,事务开销以及实例可用的查询长度. V$UNDOSTAT中的常用列 Endtime:以10分钟为间隔的结束 ...

  3. linux lcd设备驱动剖析四

    在"linux lcd设备驱动剖析二"文章中,我们详细分析了s3c24xxfb_probe函数. 文章链接:http://blog.csdn.net/lwj103862095/ar ...

  4. springboot成神之——application.properties所有可用属性

    application.properties所有可用属性 # =================================================================== # ...

  5. python构造远控

    server端: import socket import subprocess server=socket.socket() server.bind(('127.0.0.1',4444)) serv ...

  6. Vue 简单的总结三

    一.安装脚手架 1.下载node.js,本文下载版本为node-v8.12.0-x64.msi,一键式安装. 2.安装按成后,打开终端,输入node,可进入node环境(两次ctrl+c退出),如下图 ...

  7. JAVA简单的文件I/O操作实例

    如果只是对文件进行普通的读写,可以不用文件流. 以下是实例: File file = new File("test1.txt"); //向文件写入数据的 PrintWriter p ...

  8. 强大的HTML5开发工具推荐

    HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas 2D的支持.HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silver ...

  9. Golang简单写文件操作的四种方法

    package main import ( "bufio" //缓存IO "fmt" "io" "io/ioutil" ...

  10. sql 在存储过程中使用事务(转)

    本来想自己写一下,后来发现这个写的比我理解的要好,所以直接拽过来了,链接地址:https://www.cnblogs.com/RascallySnake/archive/2010/05/17/1737 ...