jquery属性包括以下几个:

        attr(name|pro|key,val|fn)
removeAttr(name)
prop(n|p|k,v|f)1.6+
removeProp(name)1.6+ addClass(class|fn)
removeClass([class|fn])
toggleClass(class|fn[,sw]) html([val|fn])
text([val|fn])
val([val|fn|arr])

1.attr(name|pro|key,val|fn) 的操作方法:

    $("img").attr("src","img/0.jpg")//给img添加src属性并给src添加值;
$("input").attr("checked","checked")//也都是可以的

但是有一个例外就是type属性是不可以改变的,可能还有其它的,但是我就是要改变咋办,jquery的强大就体现了他给了我们了另外一种方法那就是prop()方法;接着往下看一会就说说prop的使用方法和attr的区别;

2.removeAttr(name)的使用方法:

    $("img").removeAttr("src")//这是把img当中的src属性移除;
$("input").removeAttr("checked")//都是可以的;

3.prop(n|p|k,v|f)1.6+

    prop的使用方法和attr是一样但是还是有区别的,第一:prop只支持1.6版本以上的,第二:那就是可以改变type的属性,第三attr是存在兼容性问题的等;所以在改变或添加标签自有的元素最好是使用prop();而自定义标签元素使用attr;

4.removeProp()

    这个就不讲了有了上边的几种方法,这个光看名字就知道是什么意思和怎么用了;

5.addClass(class|fn)

    $(".div").addClass("show")//这是给class名为div的元素添加了一个show的类

6.removeClass([class|fn])

    $(".div").removeClass("show")//这是把class名为div的元素中把一个show的类删掉了

7.toggleClass(class|fn[,sw])

    $(".div").toggleClass("show")//这里是class名为div的元素中要是有show的类就删掉没有就加上,是不是很方便可以;

8.html([val|fn])

    $("p").html("Hello <b>world</b>!")//这是在p里边添加HTML内容,所以标签是要经过解析了,那最后添加的只有Hello world了

9.text([val|fn])

    $("p").text("Hello <b>world</b>")//这是在p里边添加text内容,所以text里边的内容都会添加进去的,Hello <b>world</b>这些会原封不动的加进去;

10.val([val|fn|arr])

    $("input").val("hello world!")//这是在input里边添加value值.最后input框中出现的是hello world;和下边的方法是一样结果
$("input").prop("value","hello world")

jQuery中的属性就到这里,没有图片,没有案例,但是面包会有的;

jQuery属性操作总结的更多相关文章

  1. jquery——属性操作、特殊效果

    1. attr().prop() 取出或者设置某个属性的值 <!DOCTYPE html> <html lang="en"> <head> &l ...

  2. jQuery属性操作

    jQuery 的属性操作的核心部分其实就是对底层 getAttribute().setAttributes()等方法的一系列兼容性处理 ...if ( notxml ) { name = name.t ...

  3. jQuery源代码学习之八——jQuery属性操作模块

    一.jQuery属性模块整体介绍 jQuery的属性操作模块分四个部分:html属性操作,dom属性操作,类样式操作,和值操作. html属性操作(setAttribute/getAttribute) ...

  4. jQuery 属性操作和CSS 操作

    如有在jQuery方法中涉及到函数,此函数必定会返回一个数值(函数由于运行次数不同触发一些不同效果) jQuery 属性操作方法(以下方法前些日子学习过,不再赘述) addClass() attr() ...

  5. python全栈开发day48-jqurey自定义动画,jQuery属性操作,jQuery的文档操作,jQuery中的ajax

    一.昨日内容回顾 1.jQuery初识 1).使用jQuery而非JS的六大理由 2).jQuery对象和js对象转换 3).jQuery的两大特点 4).jQuery的入口函数三大写法 5).jQu ...

  6. jQuery属性操作(四)

    通过阅读jQuery为属性操作封装的基本方法和为处理兼容性问题提供的hooks,发现jQuery在属性操作方面并没有做过多的设计,只是处理一下兼容性问题,然后调用基础的DOM操作方法.以下是对JQue ...

  7. jQuery属性操作(二)

    挂载到$上的几个属性操作方法分析,发现属性操作用到了sizzle封装的方法 attr: function( elem, name, value ) {        var hooks, ret,   ...

  8. jQuery属性操作(一)

    下载了jQuery的UI组件,发现内容还挺多的,还是决定先把jQuery的源码看完一遍之后再涉足UI组件.考虑到队列和动画使用较少,特别是动画,基本开始使用css3完成.因此暂时略过,开始看jQuer ...

  9. web前端----jQuery属性操作

    知识点总结 1.属性 属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个参数是设置属性值 - 点击加载图片示例 remo ...

  10. Jquery属性操作(入门二)

    ********JQuery属性相关的操作******** 1.属性 属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个 ...

随机推荐

  1. nio、bio区别,应运场景

    bio阻塞i/o a.面向流的,InputStream(),OuputStream字节输入流,字节输出流,Reader,Writer字符输入流,字符输出流 b.阻塞的IO,比如Socket,它的底层用 ...

  2. Centos7.5系统 SSH升级到7.9

    SSH7.9安装 #!/bin/bash#删除旧版ssh包 危险操作,不删除也可以安装,建议跳过此操作.#rpm -e `rpm -qa | grep openssh` #安装zlib依赖包wget ...

  3. Mysql数据库账户权限设置

    1.修改mysql数据库的root密码: 修改 数据库.表名 SET password=加密(‘密码’) where user=’root’; UPDATE mysql.user SET passwo ...

  4. python logging 日志轮转文件不删除问题的解决方法

    项目使用了 logging 的 TimedRotatingFileHandler : #!/user/bin/env python # -*- coding: utf-8 -*- import log ...

  5. Go爬去以太坊的价格数据

    package main import ( "encoding/json" "errors" "fmt" "io/ioutil&q ...

  6. $(window).scroll()无法触发问题

    在微信端开发中遇到一个这种问题:明明用的公共文件(代码如下图),其他页面每次都能触发这个滚动条$(window).scroll事件,以显示右下角“回到顶部”这个按钮图标 但是,问题来了,最该需要使用“ ...

  7. html5 知识点简单总结02

    三个列表: 1.无序列表 默认样式  实心小圆点 ul type属性 "square" 实心方形 type属性  "circle" 空心圆 type属性  &q ...

  8. 2018.5.17 memcached

    简介 Memcached是一个自由开源的,高性能,分布式内存对象缓存系统. 安装 yum install memcached 连接 telnet HOST PORT telnet 127.0.0.1 ...

  9. PTA3

    一.7-1 抓老鼠啊~亏了还是赚了? (20 分) 某地老鼠成灾,现悬赏抓老鼠,每抓到一只奖励10元,于是开始跟老鼠斗智斗勇:每天在墙角可选择以下三个操作:放置一个带有一块奶酪的捕鼠夹(T),或者放置 ...

  10. Python 配置 selenium 模拟浏览器环境,带下载链接

    使用浏览器渲染引擎.直接用浏览器在显示网页时解析HTML,应用CSS样式并执行JavaScript的语句. 这方法在爬虫过程中会打开一个浏览器,加载该网页,自动操作浏览器浏览各个网页,顺便把数据抓下来 ...