`

JQ 设置属性 attr()

阅读更多
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5模板</title>
</head>
<body>
<a id="link" target="_blank">onestopweb.cn</a>
<button>按钮</button>
<script src="jquery-1.10.1.min.js"></script>
<script>
$(function(){
	$("button").click(function(){
		$("#link").attr({
			"href":"http://www.onestopweb.cn/",
			"title":"一站式网络",
			"target":"_blank"
		});
	});
});
</script>
</body>
</html>

 

效果图:

 

 

 

 

 

  • 大小: 19.4 KB
  • 大小: 19.4 KB
1
2
分享到:
评论

相关推荐

    JQ 属性选择器

    7. `[attr|=value]`:选择属性值为给定值或以给定值加短横线(-)开头的元素,常用于语言属性如 `lang`。 ### 二、实例解析 #### 1. `[attr]` 例如,选择所有 class 属性存在的元素: ```javascript $('.myClass...

    Homework20171121_jq属性设置1

    在本作业"Homework20171121_jq属性设置1"中,我们需要使用jQuery库来实现一个功能,即动态地修改HTML中div元素的任意属性,并且能够根据用户交互改变样式。这个任务涉及到jQuery的选择器、属性操作、事件绑定以及DOM...

    JQ 获取内容和属性

    1. **`attr(attributeName)`**: 使用`attr()`方法可以获取指定属性的值。例如,获取元素的`id`属性: ```javascript var elementId = $('#myElement').attr('id'); ``` 2. **`data()`**: jQuery提供了一个`data...

    JQ 属性操作

    本篇文章将深入探讨“JQ属性操作”这一主题,结合给定的“demo”文件,我们将理解如何利用jQuery来管理元素的属性。 一、属性选择器与获取属性值 jQuery提供了方便的API来选取具有特定属性的元素。例如,`$("...

    用jquery设置按钮的disabled属性的实现代码

    在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...

    JQ 获取和更改属性的值.rar

    - 要修改元素的属性值,同样使用`.attr()`方法,但传入两个参数:属性名和新的属性值。如`$("img").attr("src", "newImage.png")`将所有图片的`src`属性更改为`newImage.png`。 - 如果属性不存在,`.attr()`方法会...

    Jquery attr()方法 属性赋值和属性获取详解

    无论是获取属性值、设置静态属性值,还是根据计算结果动态设置属性,`attr()`都能胜任,极大地提升了开发效率。在编写JavaScript代码时,熟练掌握`attr()`方法的使用,能帮助你更便捷地实现页面交互和动态效果。

    jQuery使用元素属性attr赋值详解

    比如,`$(“img”).attr(“src”, “test.jpg”)`将所有匹配的图片元素的`src`属性设置为`test.jpg`。这个方法可以改变元素的特定属性,如`id`、`class`等。 接着,`attr({key: value, key1: value, …})`允许你一...

    jquery更改元素属性attr()方法操作示例

    本文实例讲述了jquery更改元素属性attr()方法。分享给大家供大家参考,具体如下: jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写, 是js中setAttribute()和getAttribute()的简化 最基本...

    JQ 新窗口打开链接并设置参数

    标题 "JQ 新窗口打开链接并设置参数" 涉及到的是使用jQuery库来实现JavaScript中的一个常见功能,即在新窗口中打开一个链接,并且可以传递参数。jQuery是JavaScript的一个轻量级库,它简化了DOM操作、事件处理、动画...

    jQuery给HTML标签添加自定义属性.zip

    5. 博客文章参考:`jq使用自定义属性实现有title的tab切换 - pearl007 - 博客园.url` 这个URL指向了一篇博客文章,作者pearl007分享了如何使用jQuery和自定义属性实现带有title提示的tab切换效果。文章可能详细介绍...

    jquery attr()设置和获取属性值实例教程

    如果传递两个参数(属性名和属性值),`attr()` 方法将设置所有匹配元素的指定属性值。例如,`$("img").attr("src", "images/02.jpg")` 会将所有 `&lt;img&gt;` 元素的 `src` 属性更改为指定的 URL。 3. **设置函数值**...

    jq的源码分析

    2. **DOM操作**:jq提供了丰富的DOM操作方法,如`$(selector).append()`、`.html()`、`.attr()`等。这些方法内部通常会进行一系列优化,如缓存DOM节点,减少DOM操作次数,提高性能。 3. **事件处理**:jq封装了事件...

    JQ 创建节点

    - `$.fn.attr()`:用于设置或获取元素的属性值。例如,`$('img').attr('src', 'new-image.jpg')`。 6. **事件绑定** - `$.fn.on()`: 创建的节点同样可以绑定事件监听器。例如,`$('.new-item').on('click', ...

    jQuery使用attr()方法同时设置多个属性值用法实例

    在这种情况下,`attr()`方法提供了同时设置多个属性值的能力。下面我们将详细探讨如何使用`attr()`方法来实现这一目标,并通过实例来加深理解。 `attr()`方法的基本语法是: ```javascript $(selector).attr...

    jquery 获取自定义属性(attr和prop)的实现代码

    1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。...) 4.attr(properties) //给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … }。(这是一种在所有匹配

    jquery常用的一些属性,方法及例子说明

    本文将介绍一些常用的jQuery属性和方法,并通过实例说明其用法。 首先,让我们来了解jQuery的概念。jQuery是由美国人John Resig开发的,随后吸引了大量JavaScript开发者的加入。作为JavaScript的一个封装库,jQuery...

    jquery checkbox无法用attr()二次勾选问题的解决方法

    然而,自jQuery 1.6开始,`attr()`方法对于DOM属性的处理有了区分,它主要用来获取或设置元素的特性(attribute),而不是属性(property)。 属性(property)和特性(attribute)在某些情况下是有区别的,特别是...

    jq图片替换效果

    在jQuery中,我们可以使用选择器找到目标图片元素,然后通过`.attr()`方法来改变`src`属性。以下是一个简单的示例: ```javascript // 导入jQuery库 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/...

Global site tag (gtag.js) - Google Analytics