`

jquery学习之为多个属性同时赋值

阅读更多
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    var $first_p = $("p:eq(0)");
    $first_p.attr({"id":"first_p","value": "hello"});
    alert($("#first_p").val()); //"hello"
  });
});
</script>
<style type="text/css">
.main
{
font-size:120%;
color:red;
}
</style>
</head>

<body>
<h1 id="h1">This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button id="default">default</button>
<button id="large">large</button>
<button id="small">small</button>
</body>
</html>
分享到:
评论

相关推荐

    jQuery实现动态给table赋值的方法示例

    然后,我们使用jQuery的`find()`方法找到新行中的每个单元格(id分别为"id"、"url"和"title"),并使用`text()`方法将JSON对象的相应属性值赋给它们。最后,我们使用`appendTo()`方法将新创建的行添加到表格的tbody...

    jQuery针对input的class属性写了多个值情况下的选择方法

    本文实例讲述了jQuery针对input的class属性写了多个值情况下的选择方法。分享给大家供大家参考,具体如下: jQuery选择input的class属性写了多个值的情况: &lt;html&gt; &lt;head&gt; &lt;meta ...

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

    如果需要一次性为元素设置多个属性,可以使用`$("Element").attr({key: value, key1: value1, ...})`。例如,`$("img").attr({ src: "test.jpg", alt: "Test Image" })`将同时设置图片的`src`和`alt`属性。 4. **...

    jQuery三级联动菜单选中赋值代码.zip

    对于多选,`checkbox`元素可以同时选中多个。使用jQuery,我们可以轻松地获取选中项的值,例如: ```javascript var selectedValues = []; $("input[type='checkbox']:checked").each(function() { selectedValues...

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

    这是批量设置多个属性的最简便方法,特别是当你需要一次设置多个属性时。比如,attr({title: '标题', alt: '描述', className: 'new-class'})会同时为匹配的元素设置title、alt和class属性。 在具体使用时需要注意...

    在页面加载完成后通过jquery给多个span赋值

    本问题的焦点是如何利用jQuery这个强大的JavaScript库,在页面加载完成后给多个`&lt;span&gt;`元素动态地赋值,显示当前日期。下面我们将详细探讨这个过程。 首先,`&lt;span&gt;`是HTML中的一个内联元素,常用于组织文档结构或...

    jquery学习总结.docx

    要注意的是,当一个选择器匹配到多个元素时,赋值操作会作用于所有元素,而取值操作通常只返回第一个元素的值。 jQuery提供了丰富的DOM操作方法,如`.after()`、`.before()`、`.append()`和`.prepend()`,用于在...

    A_jquery+select框图片选择器点击图片给表单select框赋值Java实用源码整理learns

    - `更多Java资料学习.url`:这可能是一个链接,指向更多的Java学习资源,帮助你深入理解后台处理部分。 - `jsymxx13.zip`:这个文件是核心的源代码压缩包,解压后应该包含HTML、CSS、JavaScript文件以及可能的Java...

    Jquery 1.6.4 js And Jquery 1.4 API 中文

    1. **属性选择器增强**:jQuery 1.6 引入了更精确的属性选择器,如 `[attr=value]`,可以区分属性值的赋值方式,比如 `checked`、`selected` 和 `disabled` 等。 2. **类操作改进**:`.addClass()`, `.removeClass...

    jQuery支持多选三级联动菜单选中赋值代码.zip

    同时,为了实现多选,我们需要对`checkbox`的状态进行管理,确保用户可以同时选择多个选项。 4. **数据绑定和赋值**:在初始化或用户操作后,我们需要将选中的菜单项对应的值保存起来。这可以通过数组、JSON对象或...

    手写代码给DataTable赋值,绑定数据源

    DataTable是一个对象,属于System.Data命名空间,它在内存中创建一个表格结构,可以包含多个列(DataColumn)和行(DataRow)。创建DataTable时,通常需要指定表的名称,如下: ```csharp DataTable dataTable = ...

    jQuery支持多选三级联动菜单选中赋值代码

    同时,为了实现三级联动,每个菜单项可能带有标识其层级的数据属性,如`data-level`,以便在展开子项时正确地定位和渲染。 此外,由于涉及到动态增删DOM元素,`event delegation`(事件委托)是一个常见的优化手段...

    jquery插件编写指南

    - **实现**:可以直接将函数赋值给 `$` 或 `jQuery` 对象的一个属性。 - **示例**:如添加一个全局函数 `$.sayHello`,该函数用于弹出一个包含 “Hello” 的对话框。 ```javascript (function($) { $.sayHello ...

    JavaScript及jQuery学习笔记(0)

    例如,JavaScript中的数组是一种特殊的对象,可以存储多个值,而构造函数和原型继承则是理解面向对象编程的关键。 关于压缩包内的"常用javascript函数.xls",这可能是一个包含常见JavaScript函数及其用途的清单,...

    Jquery删除css属性的简单方法

    但是,我们仍然有简单而有效的方法来达到移除CSS属性的目的,那就是通过jQuery的“.css()”方法,将该CSS属性的值设置为空字符串,即直接赋值为空'',从而实现删除的效果。 使用jQuery来删除CSS属性的基本语法是: ...

    jquery复选框多选赋值给文本框的方法

    在jQuery中,将复选框的多选值赋值给文本框是一种常见的需求,尤其在数据输入或表单处理的场景下。以下是如何通过jQuery实现这个功能的具体步骤和相关知识点: 1. **HTML结构**: 首先,我们需要创建一个包含复选...

    《锋利的jQuery》

    转换前者通常通过将jQuery对象数组中的第一个元素赋值给一个变量来实现,因为jQuery对象本身是一个类数组对象,其内部存储了DOM元素的集合。例如,var domElement = $(“#myId”)[0];。而要将DOM对象转换为jQuery...

    jquery实现勾选复选框触发事件给input赋值

    这个实现巧妙地利用了jQuery的选择器、属性操作和事件处理功能,使得我们可以轻松地处理多个复选框与input元素之间的交互。它不仅提高了用户体验,也简化了开发者的工作,使他们能够更专注于应用的核心功能。通过...

Global site tag (gtag.js) - Google Analytics