Jquery - 添加属性、添加class、添加Css

Jquery - 添加属性、添加class、添加Css

一.设置属性:

方式一  jQuery 代码:

$("img").attr({ src: "test.jpg", alt: "Test Image" }

方式二:jQuery代码--键值对

$("img").attr("src","test.jpg");

方式三: jQuery 代码--函数式:

$("img").attr("title", function() { return this.src });

二、添加Class

方式一:

$("p").addClass("selected");

三、删除class

方式一:

$("p").removeClass("selected");

四、切换Class

方式一:

$("p").toggleClass("selected");

五、添加Css格式

 方式一: 

$("p").css({ color: "#ff0011", background: "blue" });

方式二:键值对

$("p").css("color","red");

六、移除Css样式

方式一、移除全部使用removeattr("style");

方式二、移除单个使用css("属性","");

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

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

相关文章

PHP笔记——java程序员看懂PHP程序

PHP笔记——java程序员看懂PHP程序 php是一种服务器端脚本语言&#xff0c;类型松散的语言。<?php ?> xml风格<script language”php”></script> 脚本风格 <? ?> 简短风格 <% %> ASP风格 以;结尾&#…

C# mysql 插入数据,中文乱码

用C#操作mysql时&#xff0c; 插入数据中文都是乱码&#xff0c;只显示问号&#xff0c;数据库本身使用的是utf-8字符。网上百度一下有两种解决办法&#xff1a; 一种是在执行语句前面设置&#xff0c;如&#xff1a;MySQLCommand mCommand new MySQLCommand("set names …

C# list与数组互相转换

1. 从System.String[]转到List<System.String>System.String[] str{"str","string","abc"};List<System.String> listSnew List<System.String>(str);2. 从List<System.String>转到System.String[]List<System.Strin…

Linux中python、C++和C语言的多线程用法整理(_thread、threading、thread和pthread)

目录python3开始学习Python线程_thread常量和函数&#xff1a;锁对象试用基本功能试用线程同步threading函数常量类线程本地数据线程对象锁对象递归锁对象条件对象信号量对象Semaphore 例子事件对象定时器对象栅栏对象在 with 语句中使用锁、条件和信号量测试Cstd::threadstd::…

[原]关于在 iOS 中支持 DLNA

目前国内的视频播放器中&#xff0c;支持 DLNA 播放比较好的是&#xff1a;腾讯视频。 刚才反编了一下他们的代码&#xff0c;发现使用了一个开源库&#xff0c; 地址&#xff1a;https://github.com/FuruyamaTakeshi/DLNA 并且在这个库的基础了做了一层封装&#xff0c;包含如…

Swing-BoxLayout用法-入门

注&#xff1a;本文内容源于http://www.java3z.com/cwbwebhome/article/article20/200016.html?id4797&#xff1b;细节内容根据笔者理解有修改。 BoxLayout 可以把控件依次进行水平或者垂直排列布局&#xff0c;这是通过参数 X_AXIS、Y_AXIS 来决定的。X_AXIS 表示水平排列&a…

Python开发利器之UliPad

一、安装Ulipad 因为ulipad编辑器使用的是wxpython编写的gui&#xff0c;所以我们需要第三方库wxpython的支持&#xff0c;先讲一下Ulipad在Windows系统环境下的安装&#xff1a; 1. 确实自己的windows版本&#xff0c;32位还是64位的。2. 查看自己安装的 Python版本&#xff0…

网页中如何使用一些特殊字体

虽然我们可以通过图片&#xff0c;flash、SIFR等技术来实现网页使用特殊字体&#xff0c;有利于SEO网页中嵌入特殊字体方法&#xff0c;font-face属性。 通常网页上不能使用一些特殊字体&#xff0c;否则浏览者可能无法正确浏览到&#xff0c;虽然我们可以通过图片&#xff0c…

Google浏览器中的开发工具.

惯例 我是温浩然: google浏览器&#xff0c;按下F12后&#xff0c;出现开发控制台。 下面有这么几栏&#xff0c;elements,network,sources,timeline ,profiles,resources,audits ,console. elements&#xff0c;是页面源码&#xff0c;network&#xff0c;是看请求的&#xff…

【思考】一次交付项目小结

【背景】 公司销售谈了一个重要的项目&#xff0c;与我们正在研发的一个产品关系比较大&#xff0c;可惜前期由于种种原因&#xff0c;耽搁了很长时间&#xff0c;等到我们研发部门知道消息的时候&#xff0c;已经很晚了。9月中旬启动&#xff0c;11月下旬要求上线&#xff0c;…

flask接收前台的form数据

html 记得访问从服务里打开 表单html 不能直接打开表单html https://www.cnblogs.com/wanghaonull/p/6340096.html

【bzoj4399】魔法少女LJJ 并查集+权值线段树合并

题目描述 在森林中见过会动的树&#xff0c;在沙漠中见过会动的仙人掌过后&#xff0c;魔法少女LJJ已经觉得自己见过世界上的所有稀奇古怪的事情了LJJ感叹道“这里真是个迷人的绿色世界,空气清新、淡雅,到处散发着醉人的奶浆味&#xff1b;小猴在枝头悠来荡去,好不自在&#xf…

树莓派Raspbian Buster/Debian 10 安装ROS

目录一些补充安装ROS初始化rosdep测试平台&#xff1a;树莓派4B 系统版本&#xff1a; 2020-05-27-raspios-buster-arm64.img 一些补充 系统安装参考 【树莓派学习笔记】一、烧录系统、(无屏幕)配置Wifi和SSH服务 【树莓派学习笔记】二、(无屏幕)SSH远程登录、图形界面及系统…

pjsip视频通信开发(上层应用)之EditText重写

我们经常使用手机的打电话功能&#xff0c;当我们按键盘的时候&#xff0c;有一个地方显示我们按键的内容&#xff0c;当我们的手点击那个地方的时候&#xff0c;并没有弹出软件盘&#xff0c;所以我们再有数字键盘的时候&#xff0c;要屏蔽系统的软件盘。 我们分析一下&#x…

JavaWeb重要知识点总结

JavaWeb学习篇之----容器Response详解http://blog.csdn.net/jiangwei0910410003/article/details/22886847获得所有请求头名称和头信息java.util.Enumeration names request.getHeaderNames();System.out.println("");while(names.hasMoreElements()){String name …

pycharm 中HTML代码的对齐

以前用sublime &#xff0c;现在django要在pycharm编辑html&#xff0c;要实现html的格式化&#xff0c; 用快捷键 CtrlAltL 非常实用

树莓派安装Ubuntu MATE及ROS系统

目录解锁SSH换源安装VNC服务安装ROS初始化rosdep和环境测试平台&#xff1a;树莓派4B 系统版本&#xff1a; ubuntu-mate-20.04.1-desktop-armhfraspi.img 在Raspberry Pi Download Options下载系统镜像 在树莓派资源下载 | 树莓派实验室下载工具 使用SDForm…

mysql 清空表的两种方法

一、Delete DELETE FROM table; 二、Truncate TRUNCATE table; 第一种方法其实就是去掉where条件&#xff0c;没有了条件&#xff0c;也就是删除掉表里面的所有记录了&#xff1b; 第二种方法像是重置表&#xff0c;把表中内容全部清除&#xff0c;回到刚建好表的状态&#xff…

jQuery学习笔记(四)

jQuery对表单、表格的操作及更多应用 表单应用 一个表单组成部分&#xff1a; 表单标签、表单域及表单按钮 单行文本框应用获取和失去焦点事件 $(function(){ $(":input").focus(function(){ //获取焦点触发事件 $(this).addClass("focus"); //增加样…

Flask最强攻略 - 跟DragonFire学Flask - 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

https://www.cnblogs.com/DragonFire/p/9259999.html 是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT {name: Old, age:…