jquery加属性,jquery 增加属性

jquery 怎么给标签添加属性

var anElement = $("#someElement");anElement.attr("anyAttribute","anyValue");// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性

成都创新互联长期为上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为达拉特企业提供专业的做网站、成都网站制作,达拉特网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

jquery操作html标签的方法非常多,小编在这里总结一下。

首先,引入jquery,jquery下载地址在文章末尾的相关链接给出,这是运用jquery的第一步,也是必不可少的一步!

代码如下:

head

script src="jquery.js"/script

/head

当然,你也可以不下载,直接引用。

代码如下:

head

script src="/jquery/1.8.0/jquery.min.js"/script

/head

注意jquery的版本,及时更新。

接下来介绍jquery的第一种操作html标签的方法。

1.操作已经存在的html标签的属性!

这就需要用到一个非常强大的函数attr()

函数写法:

var ss=$("HTML标签的ID").attr("想要获得的属性");

这样准确ID的HTML标签的指定属性的值就会赋给变量ss。

例如:var ss=$("#id").attr("value");

当然还可以给准确ID的HTML标签的指定属性赋值。

函数写法:

$("HTML标签的ID").attr("想要改变的属性","改变的值");

例如:$("#id").attr("class","aaa");

这样可以将ID为"id"的HTML标签的class改为aaa.

利用这个函数更改HTML标签的类或ID,配合样式表可以做出非常炫的动态效果!

贴上样例图:

2.jquery向指定位置添加不存在的HTML标签!

这次需要的函数是append()或appendto()

有很多人搞不起这两个函数的区别,稍后会讲明。

函数写法:

$("HTML标签的ID").append("完整的HTML标签");

例如:$("#id").append("input type='text' value=' ' id='aa' /");

HTML标签的ID是为了定位添加的HTML标签,添加的HTML标签将会出现于指定ID标签的后面!注意控制排版!

贴上样例图:

接下来介绍appendto()的用法以及它和append()的区别!

函数写法:

$("完整的HTML标签").appendto("HTML标签的ID");

例如:$("input type='text' value=' ' id='aa' /").append("#id");

这样也可以达到与append()的相同效果,至于区别,也许你已经发现了,区别就是前后两个括号的内容反过来了,先填写HTML标签,再写指定元素ID。

但是即使这样写,添加的HTML标签仍会出现于指定ID标签的后面!

这个就不贴样例图了。

操作HTML的函数还有很多,比如图中提到的CSS()。

这是操作指定属性的。用attr()也可以做到,所以就不再介绍。

这里贴上一张jquery操作HTML的方法汇总图。

jquery给未来元素添加style的属性

jQuery改变标签的样式一般有3种

预置好class,然后通过jQuery改变元素的class名,使用的是addClass、removeClass

直接改变元素的css属性值,这种是通过添加style实现的,使用的是css方法

修改style属性值,通过attr方法

示例(假设以下标签的id都是test):

1.假设有一class名为class1,已经在css中写好样式

$('#test').addClass('class1');

2.让元素文字变为红色(css设置一个值)

$('#test').css('color','red');

3.让元素文字变为红色,同时宽度为100px(css设置多个值)

$('#test').css({color:'red',width:'100px'});

4.直接修改style属性(不常用)

$('#test').attr('style','color:red;width:100px');

如何利用jquery来给input添加或删除disabled属性全部方法总结

一、以下二种方法是可以为input添加disabled属性的方法

1、$('#areaSelect').attr("disabled",true)

2、$('#areaSelect').attr("disabled","disabled")

二、以下三种方法是移除(去除)掉input的disabled属性的方法

1、$('#areaSelect').attr("disabled",false)

2、$('#areaSelect').removeAttr("disabled")

3、$('#areaSelect').attr("disabled","")

三、移除或者删除所有input和select控件的disabled属性

1、移除所有select控件的disabled属性

$("select").each(function () {$(this).attr("disabled","");})

2、移除所有input控件的disabled属性:

$("input").attr("disabled","");

扩展资料

1、jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

2、disabled属性是控制这个控件是否可编辑、可用。disabled:true 就是不可用,disabled:false 就是可用。

如何用jquery添加class属性

jQuery 属性操作 - addClass() 方法

定义和用法

addClass() 方法向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。

提示:如需添加多个类,请使用空格分隔类名。

语法

$(selector).addClass(class)

参数 class    

必需。规定一个或多个 class 名称。  

实例

//向第一个 p 元素添加一个类:

$("button").click(function(){  $("p:first").addClass("intro");});

jquery中怎么增加class属性

思路为用addClass() 方法变可实现。

jquery中增加class属性步骤:

addClass() 方法:

定义和用法

addClass() 方法向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

script type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

$('p').addClass(function(n){

return 'par_' + n;

});

});

});

/script

style type="text/css"

.par_0

{

color:blue;

}

.par_1

{

color:red;

}

/style

/head

效果图:

jquery如何给input设置属性?

input type="button" value="inid" /

赋值:

$("#inid").val("值");

添加属性

$("#inid").attr("自定义属性啥都行eg:flag","值");

获取属性的值

$("#inid").attr("flag");

一. 基本概念

一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

form action="form_action.asp" method="get" First name: input type="text" name="fname" / Last name: input type="text" name="lname" / input type="submit" value="Submit" //form

二. 函数

1.返回 String,它包含以 Input 或 Binary 方式打开的文件中的字符。语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分:部分描述number必要。任何有效的数值表达式,指定要返回的字符个数。filenumber必要。任何有效的文件号。说明通常用 Print # 或 Put 将 Input 函数读出的数据写入文件。

2.Input 函数只用于以 Input 或 Binary 方式打开的文件。与 Input # 语句不同,Input 函数返回它所读出的所有字符,包括逗号、回车符、空白列、换行符、引号和前导空格等。对于 Binary 访问类型打开的文件,如果试图用 Input 函数读出整个文件,则会在 EOF 返回 True 时产生错误。

3.在用 Input 读出二进制文件时,要用 LOF 和 Loc 函数代替 EOF 函数,而在使用 EOF 函数时要配合以 Get 函数。注意 对于文本文件中包含的字节数据要使用 InputB 函数。对于 InputB 来说,number 指定的是要返回的字节个数,而不是要返回的字符个数。


网站标题:jquery加属性,jquery 增加属性
本文地址:http://scyanting.com/article/dsspspc.html