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. python开发mysql:Pymysql模块

    pymysql模块的使用 #1 基本使用 # import pymysql # conn=pymysql.connect(host='localhost',user='root',password=' ...

  2. CORS跨域资源共享漏洞

    CORS漏洞其中已经存在很久了,但是国内了解的人不是很多,文章更是少只有少,漏洞平台也没有此分类. 在DefConChina之后写了一篇算是小科普的文章. 定义CORS,Cross-Origin Re ...

  3. seureCRT快捷键

    前言    secureCRT 是一个非常不错的终端软件,在嵌入式开发过程中经常使用到,所以了解一下其快捷键操作是非常有必要的,可以提高开发效率. 复制:[ctrl] + [shift] + c 粘贴 ...

  4. Flask之RESTful

    5.4 Restful 2000年,Roy Thomas Fielding博士在他的博士论文<Architectural Styles and the Design of Network-bas ...

  5. Java之常用类及方法

    下面我们介绍Java类库所提供的常用类及类的常用方法 一.java.lang.String 1. String类常用的构造函数 public String(String original) 使用串对象 ...

  6. [019] Android平台调用WebService详解

    http://blog.csdn.net/lyq8479/article/details/6428288/ http://www.cnblogs.com/gzggyy/archive/2011/06/ ...

  7. java基础之JDBC五：批处理简单示例

    /** * 批处理 * 批处理跟事务不同 只是把一批sql放到一起执行 2条sql是可以一条执行成功 一条执行失败 是不可逆的 */ public class Test { public static ...

  8. PHP网站

    1.NetBeans 解决PHP调试问题:https://netbeans.org/ 支持PHP调试的版本 2. http://document.thinkphp.cn/manual_3_2.html ...

  9. Docker学习之路（一）

    容器简介 管理程序虚拟化(hypervisor virtualization, HV)是通过中间虚拟运行于物理硬件之上.而容器是直接运行在操作系统内核之上用户空间.因此,容器虚拟化运行也成为“操作系统 ...

  10. Apache htpasswd命令

    一.简介 htpasswd是apache的一个工具,该工具主要用于建立和更新存储用户名.密码的文本文件,主要用于对基于http用户的认证. 二.语法 Usage: htpasswd [-cimBdps ...