jquery中的属性和样式设置
添加属性
$target.attr({"title":"one piece","name":"solgan"});
为目标元素添加title和name属性
添加之前:
<div class="second">
<p>我是路飞,要成为海贼王的男人。</p>
</div>
添加之后:
<div class="second">
<p title="one piece" name="solgan">我是路飞,要成为海贼王的男人。</p>
</div>
移除属性
$target.removeAttr("title");
移除已经存在的样式,如果样式不存在,并不会报错
移除样式之前:
<div class="second">
<p title="one piece" name="solgan">我是路飞,要成为海贼王的男人。</p>
</div>
移除样式之后:
<div class="second">
<p name="solgan">我是路飞,要成为海贼王的男人。</p>
</div>
设置样式
$target.attr("class","red");
所谓的设置样式,实际上就是修改目标元素的class属性,注意此时是将class修改为red,而不是在原来的class基础上添加
设置样式之前:
<div class="second">
<p name="solgan">我是路飞,要成为海贼王的男人。</p>
</div>
设置样式之后:
<div class="second">
<p name="solgan" class="red">我是路飞,要成为海贼王的男人。</p>
</div>
添加样式
$target.addClass("bg");
添加样式,是在原来class的基础上进行添加而不是替换
添加样式之前:
<div class="second">
<p name="solgan" class="red">我是路飞,要成为海贼王的男人。</p>
</div>
添加样式之后:
<div class="second">
<p name="solgan" class="red bg">我是路飞,要成为海贼王的男人。</p>
</div>
删除样式
$target.removeClass("bg");
若样式存在,则删除之,若不存在并不报错
删除样式之前:
<div class="second">
<p name="solgan" class="red bg">我是路飞,要成为海贼王的男人。</p>
</div>
删除样式之后:
<div class="second">
<p name="solgan" class="red">我是路飞,要成为海贼王的男人。</p>
</div>
判断样式是否存在
$target.hasClass("bg");
若样式存在则返回true,否则返回false
添加css样式
$target.css("text-decoration","underline");
添加css样式之前:
<p name="solgan" class="red" >我是路飞,要成为海贼王的男人。</p>
添加css样式之后:
<p name="solgan" class="red" style="text-decoration: underline;">我是路飞,要成为海贼王的男人。</p>
jquery中的属性和样式设置的更多相关文章
- jquery中的属性和css
jQuery中的属性用于获取或设置元素的属性 1.attr(),获取或设置所有相匹配的元素的属性值:removeAttr("attr"),移除所有相匹配的元素的属性 //html ...
- js进阶 11-3 jquery中css属性如何操作
js进阶 11-3 jquery中css属性如何操作 一.总结 一句话总结:通过css()方法 1.attr和css是有交叉的,比如width,两者中都可以设置,那么他们的区别是什么? 其实通俗一点 ...
- js进阶 10-6 jquery中的属性选择器有哪些
js进阶 10-6 jquery中的属性选择器有哪些 一.总结 一句话总结: 1.第一遍能学会么? 一遍是肯定学不会的,要多学几遍,所以想着怎么加快速度,减少学习的遍数 2.属性选择器是干嘛的? 选择 ...
- jQuery中对属性的增删改查
获取元素的属性 $('input').attr('type') .attr() 可以获取和设置自定义属性 .prop() 只能获取和设置固有属性 在设置属性值时 建议不要修改type属性,有的浏览 ...
- android中listview的一些样式设置
在Android中,ListView是最常用的一个控件,在做UI设计的时候,很多人希望能够改变一下它的背景,使他能够符合整体的UI设计,改变背景背很简单只需要准备一张图片然后指定属性 android: ...
- JQuery中根据属性或属性值获得元素
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 $("p[id]").css("color","red"); 根据属性值获得元 ...
- js和jquery中获取非行间样式
样式又分为了行间样式和非行间样式.一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(即拥有相同德标签,或者说是有相同的类名,(当然id名不可能相 ...
- JQuery中根据属性或属性值获得元素(6种情况获取方法)
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 $("p[id]").css("color","red"); 根据属性值获得元 ...
- jQuery中的属性选择器
先看代码,后面详细解释: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
随机推荐
- springboot---没有配置数据库启动报错
If you want an embedded database please put a supported one on the classpath. If you have database s ...
- js网页 唤醒支付宝
过渡页: <script> window.location.href = 'alipays://platformapi/startApp?appId=10000011&url=al ...
- WPF 多线程 UI:设计一个异步加载 UI 的容器
对于 WPF 程序,如果你有某一个 UI 控件非常复杂,很有可能会卡住主 UI,给用户软件很卡的感受.但如果此时能有一个加载动画,那么就不会感受到那么卡顿了.UI 的卡住不同于 IO 操作或者密集的 ...
- web本地存储(localStorage、sessionStorage)
web 本地存储 (localStorage.sessionStorage) 说明 对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:l ...
- win10 下ie11安装flash debuger (install flashplayer debuger on win10 64bit)
1不能安装的现象 由于win10 ie11 内置flash 微软不让用户自己手动更新ie11的flash以及安装flash debugger ,这怕是让还在用 flex 开发的大胸弟们很头疼 ...
- Windows 10 上的 Git 如何清除密码? Git Credential Manager for Windows
Windows 10 上的 Git 如何清除密码? 因为一台新的电脑是 Windows 10 在第一次使用 Git 要求输入密码时把密码给输错了. 之前提交都是说 Token 错了,不再出现提示密码. ...
- git源站安装
##下载源站 wget https://www.kernel.org/pub/software/scm/git/git-2.15.0.tar.xz ##安装依赖组件 yum install curl- ...
- SQL相关简单游标
BEGIN TRY Create Table #Temp_Table_Record_Stat ( .... ) DECLARE table_Cursor CURSOR FOR SELECT objec ...
- java 面向对象 — 类和对象
构造方法 1.构造器必须与类同名(如果一个源文件中有多个类,那么构造器必须与公共类同名) 2.每个类可以有一个以上的构造器 3.构造器可以有0个.1个或1个以上的参数 4.构造器没有返回值 5.构造器 ...
- genmotion 安装 app 报错 This application is't compatible with your mobile phone解决办法
请下载这个文件:http://pan.baidu.com/s/1jIyMNbg(一个zip包) 将这个zip包拖放到genymotion的屏幕中,安装,然后重启就行了 我安装的Samsung Gala ...