jQuery中 对标签元素操作(2)
一、属性操作
1、获取属性和设置属性
例如下jQuery代码:
var $para=$("p"); //获取<p>节点
var p_txt=$para.attr("title"); //获取<p>元素节点属性title
var id = parseInt($("img").parent().prop("id")); //获取图片标签的父元素的属性ID的值
注意:
jQuery中的很多方法都是同一个函数实现获取(getter)和设置(setter)的,例如 attr()方法,既能设置元素属性的值,也能获取属性的值。类似的方法还有html()、text()、height()、width()、val()、css()等。
2、删除属性
如果需要删除<p>元素的title属性,可以视同下面的代码实现:
$("p").removeAttr("title"); //删除<p>元素的title属性
二、样式操作
1、获取样式和设置样式
$("p").attr("class"); //获取<p>元素的class
$("#Text1").css("color", "#ACACAC"); //将ID为Text1的元素的文本颜色设置为#ACACAC
2、追加样式
$("p").addClass("another"); //给<p>元素追加“another”类
3、移除样式
$("p").removeClass("high"); //移除<p>元素中值为“high”的class
4、切换样式
<p>元素的HTML原始代码:
<p class="myclass" title="test">test</p>
当点击“切换样式”按钮后,变为:
<p class="myclass another" title="test">test</p>
当再次单击“切换样式”按钮时,又变回原来的状态
<p class="myclass" title="test">test</p>
5、判断是否含有某个样式
hasClass()
用法:
$("p").hasClass("another"); //判断此元素中是否含有“another”的class
$("p").is("another"); //作用同等于如上代码
三、设置和获取HTML,文本和值
1、HTML()方法
$("p").html(); //获取<p>元素的HTML代码
$("p").html("<strong>叫我大哥</strong>"); //设置<p>元素的HTML代码
2、text()方法
$("p").text(); //获取<p>元素的text
$("p").text("叫我大哥"); //设置<p>元素的text
3、val()方法
$("input").val(); //获取<input>元素的val
$("input").val("叫我大哥"); //设置<input>元素的val
四、遍历节点
1、children()方法
该方法用于取得匹配元素的子元素的集合。
2、next()方法
var $p1=$("p").next(); //得到紧邻<p>元素后的同辈元素
3、prev()方法
var #ul=$("ul").prev(); //得到紧邻<ul>元素前的同辈元素
4、siblings()方法
var sp2=$("p").siblings(); //得到紧邻<p>元素的同辈(兄弟)元素
转载于:https://www.cnblogs.com/scc-/p/9507247.html
jQuery中 对标签元素操作(2)相关推荐
- IOS使用正则表达式去掉html中的标签元素,获得纯文本
IOS使用正则表达式去掉html中的标签元素,获得纯文本 content是根据网址获得的网页源码字符串 NSRegularExpression *regularExpretion=[NSRegular ...
- 【Jquery】------- iframe标签获取属性src中的标签(元素)input值实例代码
一,如下iframe标签代码: <iframe id="iframe" src="/pub/job/cron_editor/CronEditor.html" ...
- jQuery中的文档操作处理(五):append()、prepend()、after()、before()、wrap()、wrapAll()、wrapInner()、clone()等...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head ...
- JQuery中样式标签的处理
增加样式标签 JQuery中增加样式使用.addClass(className)方法 通过动态改变类名(class),可以让其修改元素呈现出不同的效果.在HTML结构中里,多个class以空格分隔,当 ...
- 浅析jQuery中常用的元素查找方法总结
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div& ...
- Jquery中如何获取元素的文本,值,属性和内容
jQuery DOM 操作jQuery 中非常重要的部分,就是操作 DOM 的能力.jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易. 提示:DOM = Docume ...
- jQuery中添加元素删除元素的方法
开发工具与关键技术:VS.jQuery 作者:#33 撰写时间:撰写时间:2019年06月06日 jQuery添加元素的方法和移除元素的方法: 引入jQuery插件: <script src= ...
- JS/Jquery 中移除子元素的问题
1.前端样式: <p id="p1" class="card-description"><code>商品信息</code>& ...
- MATLAB中对矩阵元素操作的for循环优化方法
众所周知,MATLAB程序效率最低最有潜力的地方便是循环了.最常见的循环莫过于对矩阵中的每一个元素进行操作,对于编程思维还在C语言或者C++,JAVA的人来说,第一反应就是两层循环,先来个 " ...
最新文章
- 高性能计时器Timer的设计(时间轮和时间堆两种方式)
- 视频压缩算法的相关知识
- 开发日记-20190704 关键词 读书笔记《Linux 系统管理技术手册(第二版)》DAY 10
- 搞定Linux只要半年
- C# web api 中过滤器的使用
- ALV_GRID介绍
- int最大值java_Java 中一个int型数组的求最大值最小值 | 学步园
- 文件循环读取_一个案例轻松认识Python文件处理提取文件中的数字
- 请教设计模式大牛们几点
- 感觉又学到了不少,在这里写下来,但也有一个问题,不知道是为甚吗?
- innodb ibd结构图
- nargout 【转】
- 通过xmlhttp实现-报告归档
- 安全运维基础知识梳理
- 跟着开源项目学因果推断——CausalImpact 贝叶斯结构时间序列模型(二十一)
- Android 实现计时器功能,Android计时器的三种实现方式(Chronometer、Timer、handler)...
- Flink StreamingFileSink写入hdfs,文件一直处于inprogress
- python中ix用法_Python:Pandas中的ix用法详细解释
- 你管这叫操作系统源码(十五)
- 基于android的轻餐饮点餐APP(ssm+uinapp+Mysql)
热门文章
- electron窗口自适应_Go 限流器系列(3)自适应限流
- windows10 查看 nvidia driver cuda 版本
- ubuntu 中 pip 出现 ModuleNotFoundError: No module named ‘pip._internal‘
- 二十六、二叉树--查找指定节点
- openGL入门3 --- rasterization pipeline
- 人群分割--Fully Convolutional Neural Networks for Crowd Segmentation
- LeetCode 11. Container With Most Water--Java 解法--困雨水简单版
- Java并发学习一:CPU缓存导致的可见性问题带来的并发Bug
- Java源码详解二:HashMap源码分析--openjdk java 11源码
- Hadoop配置环境变量