js给标签添加属性和值_jquery节点属性

一.节点操作

1.DOM内容节点操作:

​ ①innerHTML属性:设置或获取文本的内容(普通文本和标签)。

​ ②innerText属性:设置或获取文本的内容(普通文本),存在兼容性问题。

2.jQuery内容节点属性:

​ ①html([value])方法:设置或获取文本内容(普通文本和标签)。

​ ②text([value])方法:设置或获取文本的内容(普通文本),不存在兼容性问题。

二.jQuery属性操作

1.DOM的value属性

​ value属性:设置或获取表单元素(表单域和表单按钮)的默认值。

2.jQuery的val([value])方法

​ val([value])方法设置或获取表单元素(表单域和表单按钮)的默认值。

注:DOM中常用属性值来操作,而jQuery常用方法来操作。

3.DOM属性节点操作和jQuery属性节点操作的区别

1)DOM属性节点操作

​ ①把元素节点当做普通js对象来操作属性(点语法和中括号法)

​ 缺点:无法操作class属性

​ ②使用DOM提供的方法来操作

​ getAttribute("属性名")

​ setAttribute("属性名","属性值")

​ hasAttribute("属性名")

​ removeAttribute("属性名")

​ ③使用className来操作

注:采用的是覆盖操作

2)jQuery属性节点操作

​ ①采用attr()方法来操作属性

注:可以操作固有属性,也可以操作自定义属性。

​ a.获取属性

​ 语法:attr("属性名")

​ b.设置单个属性

​ 语法:attr("属性名","属性值");

​ c.设置多个属性

​ 语法:attr({

​ "属性名1":"属性值1",

​ "属性名2":"属性值2",

​ ...

​ });

​ d.删除属性

​ 语法:removeAttr("属性名")

4374420ebd99ce95744ca481732c16ba.png

​ ②采用prop()方法来操作属性

​ 注:主要用于操作固有属性,操作checked、selected和disabled属性,一定要有

​ prop()方法,不能用attr()方法。

​ a.获取属性

​ 语法:prop("属性名")

​ 作用:当属性名为:checked、selected时,如果选中状态时则返回true,则否

​ 返回false,当属性名为:disabled时,当禁用状态时返回true,否则返回false

​ b.设置属性

​ 语法:prop("属性名","属性值")

​ 作用:当属性名为:checked、selected时,设置的属性值如果为true,代表选

​ 中,否则代表没选中;当属性值为disable时,设置的属性值如果为true,代表

​ 禁用否则代表取消禁用。

注:如果属性值为boolean类型,那么可以不用双引号或单引号包裹。

​ c.删除属性

​ 语法:removeProp("属性名")

注:使用DOM或jQuery提供的方法来操作表单属性,操作完毕之后在标签上面

​ 不会有任何展示,使用DOM或jQuery所做的任何操作,都是在内存中做的操作。

​ ③专门为class属性提供的操作方法

​ a.添加class属性

​ 语法:addClass("class属性值");

注:jQuery提供添加class的方法做的是追加操作。

​ b.判断是否存在某个class属性值(返回的是Boolean类型值)

​ 语法:hasClass("class属性值");

​ c.删除class属性

​ 语法:removeClass(["class属性值"]);

注:如果没有参数,则代表删除所有的class属性值,

​ 如果有参数,代表删除指定的class属性值

​ d.切换class属性

​ 语法:toggleClass("class属性值");

注:如果标签中对应的“class属性值”存在,则删除

​ 如果标签中对应的“class属性值”不存在,则添加

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/349336.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

sci translate好用吗_228个学科分类对应12000+本SCI和SSCI期刊,总有你要的那款!

最近有很多小伙伴询问选刊的问题,而且都是非常具体的学科方向,我们的小编虽然非常热心且礼貌的回答“近期安排”,但其实我们也感觉到鸭梨山大:根据WOS最新一期(2020/9/21)名单公布,WOS目前总共收录了12266本…

java 反射 属性顺序_java反射得到的方法数组的顺序

展开全部看了下你好像需要set和get方法,如果你知道属性的名字的话不需要遍历可以这样获取,这个是我以前的demo的一个32313133353236313431303231363533e58685e5aeb931333332633561片段:Class clazzClass.forName("com.demo.reflectdemo.Student&quo…

arrays.sort(._Arrays.sort与Arrays.parallelSort

arrays.sort(.我们都使用Arrays.sort对对象和原始数组进行排序。 此API在下面使用合并排序或Tim排序对内容进行排序,如下所示: public static void sort(Object[] a) {if (LegacyMergeSort.userRequested)legacyMergeSort(a);elseComparableTimSort.sor…

python冒泡排序函数_python冒泡排序-Python,冒泡排序

arr[7,4,3,67,34,1,8].defbubble_sort:最近在学习Python,下面是我的一些笔记冒泡排序实现思路: 使用双重for循环,内层变量为i, 外层为j,在内层循环中不断的比较相邻的两个值(i, i1)的大小,如果i1的值大于i的…

适用于Idea的面向现代TDD的Java 8 JUnit测试模板(带有Mockito和AssertJ)

使用类似BDD的语法,Java 8和Mockito-AssertJ二重奏为Idea调整JUnit测试类模板。 本文涵盖的主题似乎很简单。 但是,根据我的培训师经验,我知道(不幸的是)这不是常见的做法。 因此,我决定写这篇简短的博客文…

python编程的基本方法有哪些_Python编程中常用的基础知识有哪些?

今天小编要跟大家分享的文章是关于Python编程中常用的基础知识有哪些?正在从事Python相关工作的小伙伴们,来和小编一起看一看本篇文章,希望本篇文章能够对大家有所帮助。1、正则表达式替换目标: 将字符串 line 中的 overview.gif 替换成其他字符串>&…

java取网页源码_Java获取任意http网页源代码的方法

本文实例讲述了JAVA获取任意http网页源代码。分享给大家供大家参考,具体如下:JAVA获取任意http网页源代码可实现如下功能:1. 获取任意http网页的代码2. 获取任意http网页去掉HTML标签的代码Webpage类:/*** 网页操作相关类*/packag…

python数据结构算法优势_Python数据结构与算法(一)----- 算法效率

一.引入先来看一道题:如果abc1000, 且a2b2c^2(a,b,c为自然数),如何求出所有a,b,c可能的组合?(1) 枚举法import timestart_time time.time()for a in range(0,1001):for b in range(0,1001):for c in range(1,1001):if abc1000 and a**2b**2 …

Java编程字符逆序输出_用JAVA编写一程序:从键盘输入多个字符串到程序中,并将它们按逆序输出在屏幕上。...

展开全部代码如下:import java.util.Scanner;public class ScannerDemo{public static void main(String[] args) throws Exception{Scanner scannew Scanner(System.in);System.out.println("请输入内容:");String strscan.nextLine();char[]…

glassfish 4配置_自己构建GlassFish 4.0快照

glassfish 4配置这篇文章是关于自己发布GlassFish 4.0快照的,其中包括一些黑客。 我找到了GlassFish FullBuild的官方说明,然后决定自己构建服务器。 有时,您可能不想等待团队升级GlassFish构建文件。 在本条目中,我将Artifactory…

julia与python对比_有人说Julia比Python好,还给出了5个理由

选自medium作者:Emmett Boudreau机器之心编译参与:杜伟、张倩、肖清本文作者从速度、通用性、多重派发、适用于 ML 的程度和包管理器 5 个方面阐述了 Julia 语言相较于 Python 的优势所在。Julia 是一种多范式的函数式编程语言,用于机器学习和…

使用Flowable.generate()生成可感知背压的流– RxJava常见问题解答

RxJava缺少创建无限自然数流的工厂。 这样的流很有用&#xff0c;例如&#xff0c;当您想通过压缩两个事件的唯一序列号给可能的无限事件流时&#xff1a; Flowable<Long> naturalNumbers //???Flowable<Event> someInfiniteEventStream //... Flowable<P…

java字符串构造函数的应用_StringTokenizer类的使用

StringTokenizer是一个用来分隔String的应用类&#xff0c;相当于VB的split函数。1.构造函数public StringTokenizer(String str)public StringTokenizer(String str, String delim)public StringTokenizer(String str, String delim, boolean returnDelims)第一个参数就是要分…

linkedhashmap获取第n个元素_机试真题分享——交换链表前后第K个元素

题目描述给定一个编码链表和一个加密条件K&#xff0c;对编码进行加密。加密规则&#xff1a;把编码从前往后开始数第K个元素和从后往前数第K个元素进行交换。注意&#xff1a;编码的长度为0.第一个编码的序号是1.示例&#xff1a;输入&#xff1a;[1 2 3 4 5 6] 2输出&#xf…

maven java 参数_将Maven参数注入Java类

我想将settings.xml配置文件参数注入Java类.我尝试使用maven-annotation-plugin,但值为null.我想知道这是不是因为这个插件是为Mojo设计的Setting.xml片段APP_NAMEUSER_EMAILUSER_PASSWORD在班上Parameter(defaultValue "test.email", readonly true)private Strin…

Spring Boot Admin –用于管理Spring Boot应用程序的Admin UI

作为微服务开发的一部分&#xff0c;我们许多人都将Spring Boot与Spring Cloud功能一起使用。 在微服务领域&#xff0c;我们将有许多Spring Boot应用程序将在相同/不同的主机上运行。 如果将Spring Actuator添加到Spring Boot应用程序中&#xff0c;我们将获得很多现成的端点来…

md5与des算法有何不同_Python算法详解:为什么说算法是程序的灵魂?

算法是程序的灵魂,只有掌握了算法,才能轻松地驾驭程序开发。软件开发工作不是按部就班,而是选择一种最合理的算法去实现项目功能。算法能够引导开发者在面对一个项目功能时用什么思路去实现,有了这个思路后,编程工作只需要遭循这个思路去实现即可。本章将详细讲解计算机算法的基…

java json 解析null_解析包含null的原始json数组

Json数组遇新是直朋能到&#xff1a;{"userName":null," msgArr":[null],"numrow":0} //String resultGson&#xff1a;new Gson().fromJson(result, MyClass.class);MyCl作一新求抖直微圈ass:public String userName;public int[] msgArr;...错…

python运维脚本部署jdk_基于Java/Python搭建Web UI自动化环境

Java搭建UI自动化测试环境下载JDK8https://www.cnblogs.com/thloveyl/p/12378124.html配置Java环境1.解压Jdk压缩包2.配置环境变量计算机->属性->高级->环境变量->系统变量->Path3.添加根目录下的bin与lib目录、jre下的bin目录(近期我发现只将bin目录加入Path就…

eclipse JAVA用户注册_如何eclipse编写一个简单实用的登陆界面

花了点时间写了一个简单的页面&#xff1a;package test;import java.awt.*;import java.awt.event.*;import javax.swing.*;public class UserInterface extends JFrame implements WindowListener{JFrame jf;JPanel jpan1,jpan2,jpan3;JLabel username,password,lspace;JText…