`
kalogen
  • 浏览: 880034 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery的html()等方法介绍首页 > Javascript >

阅读更多

本来是看到一篇文章,写研究的,想COPY过来就完事了。该来来自于cssRain,但是在看的过程中,发现内容和标准偏差很多,于是就贴上它的链接,然后自己谈谈理解吧。

CSSRAIN的链接为:http://www.cssrain.cn/article.asp?id=1176

在jQuery里面对于一些HTML的元素操作都是很简化的,这也是很多人选择使用jQuery的原因。

对于获取某一个元素的值,如input框,我们往往是用$('#test').val();

$('#test')这个我就不多说了,反正就是获取ID为test的这个元素。

$('#test').val(),也就是获取它的值,一般来说,凡是能够用在FORM里的元素,都可以用.val()来进行值的获取,如input,textarea,select等,都可以用.val()来获取它们的当前值

而.val('aa');则是设置该元素的值,$('#test').val('aa'),也就是相当于设置test元素的值为aa。

类似这样的用法还有两种:.html(),.text(),这两种用法往往用在div和span元素上,一般是为这两种元素进行赋值和取值。

.html()替代了以前的 .innerHTML , .html('test') ,则是替代了 .innerHTML = 'test';

这些类似的简化写法让我们在实际的操作中感觉得更加流畅。

这些方法都是直接在方法名里加参数来进行赋值和取值的。还有一些是通过第二个参数进行取值的(说的不太清楚。。。),比如$('#test').attr('name'),那么,返回的值就是它的attribute中的name了,如果$('#test').attr('id','test2'),则是相当于把这个test元素的name设为test2,再进行取值的时候,name就是test2了。

说的太乱了。。。。

懒得整理,权当笔记

分享到:
评论

相关推荐

    HTML+CSS+JavaScript+jQuery+Bootstrap等前端框架实现的前端案例.zip

    本文将深入探讨这些技术,并基于"HTML+CSS+JavaScript+jQuery+Bootstrap等前端框架实现的前端案例.zip"这个压缩包中的webdemo-master项目,分析它们在实际应用中的作用。 首先,HTML(HyperText Markup Language)...

    html javascript jquery 文本框水印

    jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务。在这个例子中,我们将使用jQuery的`.ready()`函数来确保DOM加载完成后执行我们的代码。我们还需要将jQuery库链接到页面中,这可以...

    html javascript jquery 走马灯例子

    在这个“html javascript jquery 走马灯例子”中,我们将探讨如何通过HTML、JavaScript(特别是jQuery库)来实现这种效果。 首先,我们从HTML结构开始。`index.htm`文件通常包含了页面的基本结构和元素,如`<head>`...

    jquery JavaScript css html

    api.chm`文件很可能是jQuery的API参考手册,其中包含了所有可用的函数和方法,例如`$(selector).click(function() {...})`用于绑定点击事件,`$("#id").html()`用于获取或设置元素的HTML内容,`$.ajax()`用于进行...

    HTML+CSS+Javascript+JQuery chm查阅手册(共10本)

    HTML5是当前的标准版本,增加了许多新元素,如`<video>`和`<audio>`用于多媒体播放,`<canvas>`用于图形绘制,以及`<section>`、`<article>`等语义化标签,增强了网页内容的可读性和可访问性。学习HTML时,要理解...

    生日祝福(HTML+CSS+JavaScript+jQuery).zip

    在“index.html”中,可以看到各种HTML元素,如`<head>`、`<body>`、`<h1>`、`<p>`、`<img>`等,它们共同构建了页面的结构。 接着,CSS(Cascading Style Sheets)负责美化这些HTML元素。在“css”目录下的文件中,...

    写个一个简单的web项目,把前端技术:html、css、JavaScript、jQuery,ajax,bootstrop等都放在这个web项目上了。

    在本项目中,我们主要关注的是前端技术的运用,涵盖了HTML、CSS、JavaScript、jQuery、Ajax以及Bootstrap等关键组件。这些技术是构建现代Web应用程序的基础,让我们逐一详细探讨。 首先,HTML(HyperText Markup ...

    jquery-3.1.1.min_javascript_jquery_

    5. **Ajax**:jQuery 的 `$.ajax()`, `$.get()`, `$.post()` 等方法简化了异步数据请求。它们提供了统一的接口,可以处理 JSON、XML、HTML 等多种数据格式。 6. **插件生态**:jQuery 社区有丰富的插件资源,覆盖了...

    JavaScript jQuery交互式Web前端开发

    jQuery是一种快速、简洁的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等功能。它的主要优势在于: 1. **简化DOM操作**:通过简洁的语法提供了强大的DOM查询和操作能力。 2. **事件处理**...

    HTML+CSS+JavaScript+AJAX+JQuery.docx

    通过一系列标签,如 `<head>`、`<body>`、`<p>`、`<img>` 和 `<a>` 等,HTML 可以创建出具有标题、段落、图像和链接等元素的网页。学习 HTML 能帮助你理解如何组织和展示信息。 2. CSS (Cascading Style Sheets):...

    jquery 教程 详细解释了jquery的使用方法

    2. 引入库文件:将下载的js文件引入到HTML的<head>部分,例如:<script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>。确保在使用jQuery之前引入该库,否则会出现未定义的错误。 三、开始...

    jQuery插件ImageFlyout弹出图片实现javascript放大图片功能

    <a href="iphone.jpg" title="jquery.flyout"><img src="iphone_small.jpg" alt="iphone" /></a> </div> 三,Javascript部分(jQuery插件jQuery Image Flyout弹出图片调用) [removed] <!-- $(function() { $...

    jQuery基础.pptx

    JavaScript+jQuery 网页特效设计 jQuery(3.4.1)基础 1 jQuery简介 jQuery优势 jQuery安装 jQuery语法 1、jQuery简介 1.1 学习jQuery之前,需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? ...

    Murach.Murachs.JavaScript.And.JQuery

    但我可以针对书名《Murach's JavaScript and jQuery》介绍这本书中涵盖的知识点,以及JavaScript和jQuery的基本概念和应用。 《Murach's JavaScript and jQuery》是由Mike Murach和Associates, Inc.出版的一本书籍...

    Web前端开发简明教程-源代码(HTML+CSS+JavaScript+jQuery)

    "第一章.rar"可能包含了HTML的基本元素和语法规则,如`<head>`、`<body>`、`<p>`(段落)、`<a>`(链接)、`<img>`(图像)等。学习HTML有助于理解网页的布局和内容组织方式。 **CSS(层叠样式表)** CSS用于控制...

    jQuery 之入门基本介绍

    **jQuery 入门基本介绍** jQuery 是一个广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery的设计理念是“Write Less, Do More”,即用更少的代码实现...

    jquery表格插件及JavaScript选择框

    在JavaScript中,我们可以使用DOM操作或jQuery方法来操控这些选择框,如获取或设置选中值、添加或删除选项等。结合Datatables,可以选择框来过滤表格数据,或者根据用户选择进行其他操作。 例如,创建一个下拉菜单...

    jquery和HTML css javascript.rar

    本资源“jquery和HTML css javascript.rar”显然聚焦于这三者,并且结合了jQuery这一广泛使用的JavaScript库,旨在帮助开发者提升网页交互性和动态效果。 首先,HTML(HyperText Markup Language)是网页内容的基础...

Global site tag (gtag.js) - Google Analytics