1.取值

$("#test").text()                                    //取id=test里面的文字

$("#test").text("hello jquery")                //设置id=test里面的文字

$("#test").html()                                    //取id=test里面的html

$("#test").html("<b>hello jquery</b>")  //设置id=test里面的html

$("#test").val()                                        //取id=test里面的value

$("#test").val("myjquery")                     //设置id=test里面的value

$("#test").attr("href")                            //取链接

$("#test").attr("href","www.baidu.com")       //设置链接

$("#test").attr({
      "href" : "http://www.w3school.com.cn/jquery/",     //改变链接
      "title" : "W3School jQuery 教程"                             //改变标题
    });

2.追加文本

1)插入文本

$("#test").append(" <b>被选元素上面,内容的后面插入内容</b>.");       //在结尾追加内容

$("#test").after("<b>被选元素之后插入内容</b>")

$("#test").prepend("<b>被选元素上面,内容的前面插入内容</b>. ");      //在开头插入文本

$("#test").before("<b>被选元素之前插入内容</b>");

2)三种插入方式

<script>
function appendText()
{
var txt1="<p>Text.</p>";              // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");  // 以 jQuery 创建新元素
var txt3=document.createElement("p");
txt3.innerHTML="Text.";               // 通过 DOM 来创建文本
$("body").append(txt1,txt2,txt3);        // 在body结尾追加新元素
}
</script>

3.删除文本

$("#test").remove();                //删除整个被选元素

$("p").remove(".italic");           //带参数,删除<p>标签下的所有class=italic的元素

$("#test").empty();                 //清空被选元素,即删除被选函数的所有子函数

4.class的操作

1)添加class

指定单个元素$("div").addClass("myclass");                 //需事先定义一个类myclass,并给div指定添加这个类,若有相同的属性,则不发生改变

指定多个元素$("h1,h2,p").addClass("myclss");            //需事先定义一个类myclass,并给h1,h2,p指定添加这个类,若有相同的属性,则不发生改变

2)删除class

$("div").removeClass("myclass");                             //删除元素上指定的类

<div class="myclass">内容</div>

3)切换class

$("div").toggleClass("myclass");                         //需事先定义一个类myclass,并给div指定切换这个类,若有相同的属性,则不发生改变

5.读取元素的宽度,高度

$("#div1").width()                     //读取id=div的元素的宽度

$("#div1").outerWidth()            //读取id=div的元素的宽度,(包括内边距和边框)

$("#div1").height()                    //读取id=div的元素的高度

$("#div1").outerHeight()            //读取id=div的元素的高度,(包括内边距和边框)

【提取元素的值 】【追加文本append】【删除文本remove】【class的操作】【读取元素的宽度,高度】的更多相关文章

  1. jquery获取元素索引值index()

    jquery获取元素索引值index()方法实例. jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 ...

  2. shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。

    let a = [1, 2, 3]; let b = a.shift(); console.log(a); // [2, 3] console.log(b); // 1 返回值 从数组中删除的元素;  ...

  3. jquery将具有相同名称的元素的值提取出来放到一个数组内

    jquery将具有相同名称的元素的值提取出来放到一个数组内 var arrInputValues = new Array();  $("input[name='xxx']").ea ...

  4. 删除顺序表L中下标为p(0<=p<=length-1)的元素,成功返回1,不成功返回0,并将删除元素的值赋给e

    原创:转载请注明出处. [天勤2-2]删除顺序表L中下标为p(0<=p<=length-1)的元素,成功返回1,不成功返回0,并将删除元素的值赋给e 代码: //删除顺序表L中下标为p(0 ...

  5. jQuery 追加元素、拼接元素的方法总结(append、html、insertBefore、before等)

    1. append & appendTo 的功能均为:在被选元素结尾(仍在元素内部)插入指定内容,但是内容和选择器的位置不同 (1) append()方法: $("#test&quo ...

  6. jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)

    属性.表单过滤器 属性过滤选择器: $("div[id]")选取有id属性的<div> $("div[title=test]")选取title属性为 ...

  7. jquery元素插入、删除、清空、找父子级元素

    1)jquery元素插入 <!--位置1--> <div id='test'> <!--位置2--> <div>测试</div> <! ...

  8. jQuery对于demo元素的上移、下移、删除操作等实现

    今天给大家分享一个实用的jQuery技能:dom元素的操作:我们经常会去获取dom元素去实现交互效果,以及数据的操作. 首先复习一下jQuery DOM 元素方法: .get() 获得由选择器指定的D ...

  9. jquery获取、改变元素属性值

    //标签的属性称作元素属性,在JS里对应的DOM对象的对应属性叫DOM属性.JS里的DOM属性名有时和原元素属性名不同. //==================================操作元 ...

随机推荐

  1. semantic ui框架学习笔记三

    网格系统 基本网格 <div class="ui grid"> <div class="column"></div> < ...

  2. 为什么 管理工具里没有Internet(IIS)管理器选项

    如上图,localhost页能打开了,但是管理工具里没有iis管理器,主要原因是安装iis时候没有选择web管理工具,选取安装上就 有了

  3. java练习:质数,匿名内部类创建接口,抽象类派生子类,画圆,字节截取字符串,数字变钱币,五子棋,梭哈

    java学习-质数的孤独 正在看质数的孤独,,,于是写了一个练习代码,输出1-100之间的质数 代码比较烂.待完善吧. 这里用到了continue和break,continue指结束当前轮次循环,跳入 ...

  4. (string stoi 栈)leetcode682. Baseball Game

    You're now a baseball game point recorder. Given a list of strings, each string can be one of the 4 ...

  5. lucene的普通搜索(二)

    首先得到索引: package com.wp.util; import java.io.File; import java.io.FileReader; import java.nio.file.Pa ...

  6. opencv源码学习: getStructuringElement函数;

    getStructuringElement函数归属于形态学,可以建立指定大小.形状的结构: 原型: /** @brief Returns a structuring element of the sp ...

  7. 2017-12-15python全栈9期第二天第三节之使用while循环输出0到10

    #!/user/bin/python# -*- coding:utf-8 -*-count = 0while count < 10: count += 1 print(count)

  8. OracleDBconsoleorcl服务无法启动的原因及解决思路

    被这个OracleDBconsole服务无法启动的问题折磨了两个星期了,今天很幸运,在网上无意间看到了一位大侠的思路,虽然错误的情况并不完全相同,但他的思路完全可以搬过来用.环境:Windows XP ...

  9. MyBatis-DynamicSQL 动态SQL

    MyBatis 的动态 SQL 使用 OGNL 表达式 http://commons.apache.org/proper/commons-ognl/language-guide.html 在 XML ...

  10. Openresty 学习笔记(三)扩展库之neturl

    github地址:https://github.com/golgote/neturl 最近在搞一个视频加密播放,中间使用要用lua 匹配一个域名,判断该域名是否正确 PS:使用PHP很好做,lua 的 ...