添加属性

$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中的属性和样式设置的更多相关文章

  1. jquery中的属性和css

    jQuery中的属性用于获取或设置元素的属性 1.attr(),获取或设置所有相匹配的元素的属性值:removeAttr("attr"),移除所有相匹配的元素的属性 //html ...

  2. js进阶 11-3 jquery中css属性如何操作

    js进阶 11-3  jquery中css属性如何操作 一.总结 一句话总结:通过css()方法 1.attr和css是有交叉的,比如width,两者中都可以设置,那么他们的区别是什么? 其实通俗一点 ...

  3. js进阶 10-6 jquery中的属性选择器有哪些

    js进阶 10-6 jquery中的属性选择器有哪些 一.总结 一句话总结: 1.第一遍能学会么? 一遍是肯定学不会的,要多学几遍,所以想着怎么加快速度,减少学习的遍数 2.属性选择器是干嘛的? 选择 ...

  4. jQuery中对属性的增删改查

    获取元素的属性 $('input').attr('type') .attr()  可以获取和设置自定义属性 .prop()  只能获取和设置固有属性 在设置属性值时 建议不要修改type属性,有的浏览 ...

  5. android中listview的一些样式设置

    在Android中,ListView是最常用的一个控件,在做UI设计的时候,很多人希望能够改变一下它的背景,使他能够符合整体的UI设计,改变背景背很简单只需要准备一张图片然后指定属性 android: ...

  6. JQuery中根据属性或属性值获得元素

    根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 $("p[id]").css("color","red"); 根据属性值获得元 ...

  7. js和jquery中获取非行间样式

    样式又分为了行间样式和非行间样式.一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(即拥有相同德标签,或者说是有相同的类名,(当然id名不可能相 ...

  8. JQuery中根据属性或属性值获得元素(6种情况获取方法)

    根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 $("p[id]").css("color","red"); 根据属性值获得元 ...

  9. jQuery中的属性选择器

    先看代码,后面详细解释: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

随机推荐

  1. springboot---没有配置数据库启动报错

    If you want an embedded database please put a supported one on the classpath. If you have database s ...

  2. js网页 唤醒支付宝

    过渡页: <script> window.location.href = 'alipays://platformapi/startApp?appId=10000011&url=al ...

  3. WPF 多线程 UI:设计一个异步加载 UI 的容器

    对于 WPF 程序,如果你有某一个 UI 控件非常复杂,很有可能会卡住主 UI,给用户软件很卡的感受.但如果此时能有一个加载动画,那么就不会感受到那么卡顿了.UI 的卡住不同于 IO 操作或者密集的 ...

  4. web本地存储(localStorage、sessionStorage)

    web 本地存储 (localStorage.sessionStorage) 说明 对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:l ...

  5. win10 下ie11安装flash debuger (install flashplayer debuger on win10 64bit)

    1不能安装的现象 由于win10  ie11  内置flash  微软不让用户自己手动更新ie11的flash以及安装flash  debugger  ,这怕是让还在用 flex 开发的大胸弟们很头疼 ...

  6. Windows 10 上的 Git 如何清除密码? Git Credential Manager for Windows

    Windows 10 上的 Git 如何清除密码? 因为一台新的电脑是 Windows 10 在第一次使用 Git 要求输入密码时把密码给输错了. 之前提交都是说 Token 错了,不再出现提示密码. ...

  7. git源站安装

    ##下载源站 wget https://www.kernel.org/pub/software/scm/git/git-2.15.0.tar.xz ##安装依赖组件 yum install curl- ...

  8. SQL相关简单游标

    BEGIN TRY Create Table #Temp_Table_Record_Stat ( .... ) DECLARE table_Cursor CURSOR FOR SELECT objec ...

  9. java 面向对象 — 类和对象

    构造方法 1.构造器必须与类同名(如果一个源文件中有多个类,那么构造器必须与公共类同名) 2.每个类可以有一个以上的构造器 3.构造器可以有0个.1个或1个以上的参数 4.构造器没有返回值 5.构造器 ...

  10. genmotion 安装 app 报错 This application is't compatible with your mobile phone解决办法

    请下载这个文件:http://pan.baidu.com/s/1jIyMNbg(一个zip包) 将这个zip包拖放到genymotion的屏幕中,安装,然后重启就行了 我安装的Samsung Gala ...