`
txf2004
  • 浏览: 7040445 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jQuery_API_03_Attributes

阅读更多

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan

<!DOCTYPE html PUBLIC "-//W<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="3" unitname="C">3C</chmetcnv>//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Language" content="utf-8" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="author" content="马永占(MyZ)" />

<meta name="Copyright" content="马永占(MyZ)" />

<meta name="description" content="" />

<meta name="keywords"content="" />

<link rel="icon" href="" type="image/x-icon" />

<link rel="shortcut icon" href="" type="image/x-icon" />

<link href="" rel="stylesheet" type="text/css" />

<title></title>

<style type="text/css">

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

</style>

<script type="text/javascript" src="jquery-<chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.2.6</chsdate>.js"></script>

</head>

<body>

<script type="text/javascript">

$("document").ready(function(){

////////////////////////////////////////////////////////////////////////////////////////

//Attr:

//attr( name ) Returns: Object

//Access a property on the first matched element. This method makes it easy to retrieve a property value from the first matched element. If the element does not have an attribute with such a name, undefined is returned. Attributes include title, alt, src, href, width, style, etc.

// var title = $("em").attr("title");

// $("div").text(title);

//attr( properties ) Returns: jQuery

//Set a key/value object as properties to all matched elements.

// $("img").attr({

// src: "/images/hat.gif",

// title: "jQuery",

// alt: "jQuery Logo"

// });

// $("div").text($("img").attr("alt"));

//attr( key, value ) Returns: jQuery

//Set a single property to a value, on all matched elements.

//$("button:gt(1)").attr("disabled","disabled");

//attr( key, fn ) Returns: jQuery

//Set a single property to a computed value, on all matched elements.

// $("div").attr("id", function (arr) {

// return "div-id" + arr;

// })

// .each(function () {

// $("span", this).html("(ID = '<b>" + this.id + "</b>')");

// });

//removeAttr( name ) Returns: jQuery

//Remove an attribute from each of the matched elements.

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

// $(this).next().removeAttr("disabled")

// .focus()

// .val("editable now");

// });

////////////////////////////////////////////////////////////////////////////////////////

//Class:

//addClass( class ) Returns: jQuery

//Adds the specified class(es) to each of the set of matched elements.

//$("p:last").addClass("selected");

//hasClass( class ) Returns: Boolean

//Returns true if the specified class is present on at least one of the set of matched elements.

//$("div#result1").append($("p:first").hasClass("selected").toString());

//$("div#result2").append($("p:last").hasClass("selected").toString());

//$("div#result3").append($("p").hasClass("selected").toString());

//removeClass( class ) Returns: jQuery

//Removes all or the specified class(es) from the set of matched elements.

//$("p:even").removeClass("blue");

//toggleClass( class ) Returns: jQuery

//Adds the specified class if it is not present, removes the specified class if it is present.

// $("p").click(function () {

// $(this).toggleClass("highlight");

// });

////////////////////////////////////////////////////////////////////////////////////////

//HTML:

//html( ) Returns: String

//Get the html contents (innerHTML) of the first matched element. This property is not available on XML documents (although it will work for XHTML documents).

// $("p").click(function () {

// var htmlStr = $(this).html();

// $(this).text(htmlStr);

// });

//html( val ) Returns: jQuery

//Set the html contents of every matched element. This property is not available on XML documents (although it will work for XHTML documents).

//$("div").html("<span class='red'>Hello <b>Again</b></span>");

////////////////////////////////////////////////////////////////////////////////////////

//Text:

//text( ) Returns: String

//Get the combined text contents of all matched elements.

// var str = $("p:first").text();

// $("p:last").html(str);

//text( val ) Returns: jQuery

//Set the text contents of all matched elements.

// var str = $("p:first").text();

// $("p:last").html(str);

////////////////////////////////////////////////////////////////////////////////////////

//Value:

//val( ) Returns: String, Array

//Get the content of the value attribute of the first matched element.

// $("input").keyup(function () {

// var value = $(this).val();

// $("p").text(value);

// }).keyup();

//val( val ) Returns: jQuery

//Set the value attribute of every matched element.

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

// var text = $(this).text();

// $("input").val(text);

// });

//val( val ) Returns: jQuery

//Checks, or selects, all the radio buttons, checkboxes, and select options that match the set of values.

// $("#single").val("Single2");

// $("#multiple").val(["Multiple2", "Multiple3"]);

// $("input").val(["check1","check2", "radio1" ]);

////////////////////////////////////////////////////////////////////////////////////////

</script>

</body>

</html>

分享到:
评论

相关推荐

    JQUERY_API查询文档

    **jQuery API查询文档详解** jQuery,一款轻量级的JavaScript库,因其简洁的语法和强大的功能,成为Web开发中广泛使用的工具。API(Application Programming Interface)是编程中的接口,允许开发者通过特定的方法...

    jQuery_API指南.chm

    《jQuery API指南》是Web开发领域中不可或缺的参考资料,它为开发者提供了全面的jQuery库的API接口介绍。jQuery是一个高效、简洁且强大的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互等...

    JQuery_1.4_API开发手册

    (Enh) Moved jQuery.props from support.js to attributes.js (#6897) (Enh) .width() and .height() now report the width and height of hidden elements (#7225) (Bug) stopImmediatePropagation was not ...

    jquery_1.6_中文API

    **jQuery 1.6 中文 API 全解析** jQuery 是一个高效、易用的 JavaScript 库,它极大地简化了网页的交互和动态化处理。在 jQuery 1.6 版本中,该库引入了一些重要的更新和改进,使得开发者能够更高效地编写代码。这...

    jQuery1.10.3_API中文手册

    **jQuery 1.10.3 API 中文手册** jQuery 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。jQuery 1.10.3 API 中文手册是开发者们理解并有效利用jQuery功能的重要资源。...

    jQuery_CHM_1.4.4

    jQuery的API还包括选择器(Selectors)、遍历(Traversing)、样式与内容操作(CSS & Content)、属性与数据(Attributes & Data)、事件(Events)和插件(Plugins)等多个方面。例如,`.attr()`和`.removeAttr()`...

    JQuery_1.4.2以及相应的API

    **jQuery 1.4.2 及其 API 知识详解** jQuery 是一款高效、简洁且功能丰富的 JavaScript 库,它的出现极大地简化了 JavaScript 的 DOM 操作、事件处理、动画设计以及 AJAX 交互。在本篇文章中,我们将深入探讨 ...

    jquery_molibe_file

    《jQuery Mobile 文件详解》 jQuery Mobile 是一个专为触摸设备设计的前端框架,它基于 jQuery 和 jQuery UI,致力于提供统一的跨平台、跨设备的用户体验。这个“jquery_molibe_file”压缩包包含了官方的详细开发...

    jQuery1.4.2_API帮助文档简体中文版

    这里我们主要关注的是jQuery1.4.2的API帮助文档,这是一个非常重要的资源,对于开发者来说,能够深入理解这个版本的jQuery功能和用法至关重要。 **一、选择器(Selectors)** jQuery的选择器基于CSS,允许开发者...

    jQuery API 中文文档(适用jQuery 1_0 - jQuery 2_0)

    **jQuery API 中文文档概述** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。自2006年发布以来,jQuery因其易用性和强大的功能,迅速成为了Web开发者的首选工具。该...

    jQuery_Mobile中文手册

    本手册详细介绍了如何利用 jQuery Mobile 的功能和API来创建响应式、触控友好的网页和应用。对于从事移动开发的工程师来说,理解和掌握这份手册中的知识点至关重要。 ### 1. jQuery Mobile 基础 jQuery Mobile ...

    jQuery 1.5 API 中文版

    jQuery Version 1.5 API 中文版 IE用户无法在线查看本文档,请下载jQuery API Version1.5 中文版AIR客户端查看,或者使用chrome,safari,firefox,opera等浏览器查看!!! jQuery 1.5 API Cheat Sheet来源 ...

    JQuery_标签页效果

    JQuery是一个强大的JavaScript库,它为实现这样的动态效果提供了简单易用的API。本文将深入探讨如何利用JQuery创建功能丰富的标签页效果。 首先,我们要了解JQuery的基本概念。JQuery简化了JavaScript的DOM操作,...

    jquery_1.3_cheatsheet_v1

    - **jQuery1.3CheatSheet**:这是一个关于jQuery 1.3版本的快速参考指南,包含了该版本中的新特性及常用API。 - **jQuery Function**:介绍了jQuery中的一些核心函数,如选择、过滤等操作。 - **Interoperability*...

    jQuery1.6 英文API

    **jQuery 1.6英文API** 是一个针对jQuery 1.6版本的全面参考资料,它提供了开发者所需要的所有函数、方法和属性的详细说明,帮助他们在Web开发中更有效地利用jQuery库。这个API文档包含了更新的功能和改进,以及与...

    jquery api网页版(离线)

    《jQuery API网页版(离线)》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画效果以及Ajax交互。jQuery API网页版,如标题所示,是一个离线版本的jQuery...

    JQuery的api文档

    **jQuery API文档详解** jQuery,一个轻量级、高性能的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。其简洁的语法和丰富的API使其成为前端开发者的首选工具之一。这份中文版的...

    jquery1.2API

    **jQuery 1.2 API 知识点详解** jQuery 是一个高效、易用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery 1.2版本是这个库的一个重要里程碑,引入了许多新特性、改进和优化。...

    jQuery1.7中文API

    **jQuery 1.7中文API**是Web开发者的重要参考资料,尤其对于那些偏好使用中文文档的开发者来说,这个离线版的CHM文件提供了全面的jQuery 1.7版本的API指南。CHM(Compiled Help Manual)是一种微软开发的帮助文件...

    jQuery 1.6 中文API

    **jQuery 1.6 中文API** 是一个针对jQuery库1.6版本的详细文档,旨在帮助开发者理解和使用这个流行的JavaScript库。这个API文档适用于jQuery的1.6、1.6.1和1.6.2这三个小版本,涵盖了在这个版本系列中可用的所有功能...

Global site tag (gtag.js) - Google Analytics