jQuery学习笔记 操作jQuery对象 属性处理
元素的属性处理
方法 |
描述 |
attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN}) |
获取某个属性的取值,或可以用于设置某个属性的值。还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明)。也可以一次性给同一元素多个属性 |
removeAttr(name) |
删除某个元素的属性取值 |
元素的class属性处理
方法 |
描述 |
attr(“class”) removeAttr(“class”) |
class明显也是属性,所以attr()完全可以处理 |
addClass(value) |
为元素的class属性追加一个或多个属性值。多个属性值,值与值之间同样用空格连接 |
removeClass(value) |
为元素的class属性移除一个或多个属性值 |
toggleClass(value) |
控制class属性中一个或多个属性值的切换,即存在就删除,不存在则添加 |
hasClass(value) |
判断元素class属性中是否含有某个属性值,返回布尔值 |
元素内部的HTML、文本处理
方法 |
描述 |
html() html(value) html(fn(index,value)) |
获取元素内部的HTML代码,也可以设置元素内部的HTML代码。还可以使用函数参数,把返回值作为需要在元素内部添加的HTML代码 |
text() text(value) text(fn(index,value)) |
获取元素内部的文本内容,也可以设置元素内部的文本内容,但是该方法不但替换原有文本内容,连后代元素一并替换。还可以使用函数参数,把返回值作为需要在元素内部添加的文本内容 |
表单元素的属性处理
方法 |
描述 |
val() val(value) val(fn(index,value)) val([value1,…, valueN]) |
获取表单元素的value属性的值,或可以设置表单元素的value属性的值。也可以用函数参数。还可以选定具有特定value属性值的表单选项,对于radio和未设置mutiple的select元素,val参数中只有最后一个value值有效 |
相关推荐
-
jquery操作checked属性以及disabled属性的多种方法
下边两种写法没有任何区别 只是少了些代码而已... 复制代码 代码如下: <input id="cb1" type="checkbox" checked /> <input id="cb2" type="checkbox" checked="checked" /> jquery判断checked的三种方法: 复制代码 代码如下: .attr('checked'): //看版本1.
-
jQuery学习3:操作元素属性和特性
先看一个例子: 复制代码 代码如下: <a id="easy" href="#">http://www.jb51.net</a>现在要得到a标签的属性id.有如下方法: 复制代码 代码如下: jQuery("#easy").click(function() { alert(document.getElementById("easy").id); //1 alert(this.id); /
-
jquery中添加属性和删除属性
jquery中添加属性和删除属性: 复制代码 代码如下: $("#2args").attr("disabled",'disabled'); $("#2args").removeAttr("disabled"); 问题背景: 选择"选项1"是,"两个参数"这个单选按钮有效. 选择"选项2"时,让"两个参数"的这个单选按钮无效. 代码: <!DO
-
jquery根据属性和index来查找属性值并操作
<div class="zy_menu clearfix"> <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" re
-
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将讲解如何使用jQuery获取和修改元素属性和样式. 三. 区分DOM属性和元素属性 一个img标签: <img src="images/image.1.jpg" id="hibiscus" alt="
-
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
在一个aspx页面中使用了JQuery,但当IE6浏览器打开这个页面的时候会报"Internet Explorer cannot open the Internet site http://localhost:9001/Index.aspx. Operation aborted"的错误,然后就不能正常浏览此页面.如果使用IE7或者IE8就没有此问题. 将所有的js脚本都使用"<!-- -->"标记注释掉(这样虽然会导致问题,但至少可以浏览此页面).逐个检
-
jQuery .attr()和.removeAttr()方法操作元素属性示例
今天主要和大家一起分享一下如何使用jQuery的.attr()和.removeAttr()方法读取,添加,修改,删除元素的属性.大家在平时的Web页面制作中都有碰到如何动态的获取元素的属性和属性值,或者说动态的修改元素的某个(某些)属性的属性值.那么jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现: 1 .attr():jQuery中的.attr()方法让你能轻松的读取,增加或修改一个元素的属性(详情参考.attr(
-
JQuery对class属性的操作实现按钮开关效果
在本文中用JQuery对class属性的操作方法实现页面中的按钮开关效果. 首先定义两个class: 复制代码 代码如下: .controlOff{ display:inline-block; width:130px; height:36px; cursor:pointer; background-image:url("../iclass/images/teach_off.png"); background-repeat: no-repeat; } .controlOn{ displa
-
jQuery学习笔记 操作jQuery对象 属性处理
元素的属性处理 方法 描述 attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,-,nameN:valueN}) 获取某个属性的取值,或可以用于设置某个属性的值.还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明).也可以一次性给同一元素多个属性 removeAttr(name) 删除某个
-
jQuery学习笔记 操作jQuery对象 文档处理
下面就是一些常用方法,格式为$(selector).方法,其中$(selector)即当前选定元素: 移动元素 方法 描述 append($(selector)) 向当前元素的内部追加内容 appendTo($(selector)) 将当前元素在某元素内部追加.但由于会根据需要对当前元素进行移动,所以jQuery对象更改了,可用end()还原 prepend($(selector)) 向当前元素的内部前置内容 prependTo($(selector)) 将当前元素在某元素内部前置.类似于app
-
jQuery学习笔记 操作jQuery对象 CSS处理
CSS基本属性处理 方法 描述 css(name) 获取元素上CSS规则中name属性值 css(name,value) css(name,fn(index,value)) css({name1:value1,-,nameN:valueN}) 设置元素上CSS规则name属性的值为value,也可使用函数参数,不解释:还可以一次性为同一元素设置多个CSS属性 CSS尺寸属性处理 方法 描述 height() 获取元素CSS属性height的值 width() 获取元素CSS属性width的值.这
-
jQuery学习笔记[1] jQuery中的DOM操作
DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM. 1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById(),getElementsByTagName()...等方法. 例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName("form"); 2,HTML-DOM. 在使用JavaScript和DOM为HTML
-
jQuery学习笔记 更改jQuery对象
jQuery代码的任务就是生成jQuery对象A,操作jQuery对象A:生成jQuery对象B,操作jQuery对象B--但是若此过程中,对象A.B--之间有某种关系,那么完全没必要一个个去$(selector),这很繁琐的.因此jQuery提供了一些方法,使流程变为生成jQuery对象A,操作jQuery对象A:更改为jQuery对象B,操作jQuery对象B-- 一个jQuery对象,既要进行N次操作,又要进行M次更改.因此有必要将生成的jQuery对象存储在一个变量中,多次调用.然而,试
-
jQuery学习笔记之jQuery原型属性和方法
复制代码 代码如下: jQuery.fn = jQuery.prototype = { constructor: jQuery, init: function( selector, context, rootjQuery ) { }, selector: "", jquery: "1.7.2", length: 0, size: function() {}, toArra
-
jQuery学习笔记之DOM对象和jQuery对象
什么是DOM对象? HTML是以树形结构来组织文档的,具体如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <
-
jQuery学习笔记之jQuery构建函数的7种方法
一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象; 复制代码 代码如下: //$(selector[,限制范围]) $(".guo").click(function () {//这里没有context参数 $("a.aguo", this).css({"color":"red"});//this就是context参数
-
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn上添加新的属性和方法,jQuery的其他模块大都是这么实现的. 给jQuery添加扩展时用$.extend()如:jQuery.extend({add:function(a,b){return a+b}}) 使用:$.add(1,3)=====>4; 给jQuery实例对象添加扩展时用$.fn.extend(); $.fn.extend({gys:function(){$(
-
jQuery学习笔记之jQuery中的$
在jQuery中,最常用的莫过于使用美元符号$,它提供了各种各样的丰富功能.包括选择页面中一个或者一类元素.作为功能函数的前缀.windows.onload的完善,创建DOM节点等.本文介绍jQuery的用法.作为基础 1.选择器 在css中,选择器的作用是选择页面的某一类(类别选择器)元素或者某个(id选择器).而jQuery中的"$"作为选择器,同样是选择某类或者某个元素,只不过jQuery提供了更全面的选择方式.而且为用户处理了浏览器兼容问题. 例如在在css<h2>
随机推荐
- 解析posix与perl标准的正则表达式区别
- 如何实现某一页面只让特定的用户浏览?
- vue.js实现条件渲染的实例代码
- Linux中基本正则表达式
- Java邮件发送程序(可以同时发给多个地址、可以带附件)
- 打造超酷的PHP数据饼图效果实现代码
- MongoDB 主从复制实例讲解
- JavaScript实现简单评论功能
- windows+apache+mod_python配置django运行环境
- Java中new关键字和newInstance方法的区别分享
- Java和Android的LRU缓存及实现原理
- Android启动页解决方案(推荐)
- PHP 实现代码复用的一个方法 traits新特性
- android获取当前手机号示例程序
- Android编程实现应用获取包名、版本号、权限等信息的方法
- Tensorflow 实现修改张量特定元素的值方法
- CentOS7.2下安装docker容器教程
- Nginx配置如何区分PC或手机访问不同域名
- vue实现文件上传读取及下载功能
- 用命令行编译java并生成可执行的jar包方法