用于操作html的元素是,使用jQuery操作HTML元素(一)

一.使用jQuery获取HTML元素对应的jquery对象

在标准javascript中,可以使用document.getElementById()方法根据ID获取HTML元素对应的DOM对象。

语法:var DOM对象=document.getElementById(对象id)

然后通过DOM对象中的innerText属性可以获取和设置HTML元素的显示文本。

1.在javascript中获取HTML元素对应的DOM的实例。

2.jQuery可以使用多个选择器获取HTML元素,则可以使用get()方法得到其中的一个HTML元素语法如下:

var    jQuery对象=jQuery选择器.get(索引);

索引是从0开始的整数,如果要得到第一个HTML元素,则索引使用0;如果要得到第二个HTML元素,则索引使用1;以此类推。

例如,使用get()方法获取HTML元素对应的jQuery对象的实例。

3.也可以使用each()方法遍历jQuery选择器所有匹配的元素,并对每个元素执行指定的回调函数。

语法:each(回调函数)

通常回调函数有一个可选的整数参数表示遍历元素的索引。

演示使用each()方法遍历DOM对象的实例。

北京

上海

南京

西安

湖南

二.使用jquery获取和设置HTML元素的内容

可以调用html()方法、text()方法、val()方法获取和设置HTML元素的内容。

区别:三种方法都是用来读取和设置内容。

html()读取HTML元素的内容包括标签。

text()用于读取HTML元素的纯文本内容和子元素内容(不包括标签)

val()用于读取表单元素中的内容(用于读取或修改表单元素的value值)

1.html()方法

使用html()方法获取HTML元素内容的语法如下:

var htmlStr=jQuery对象.html();

变量htmlStr就是得到的HTML元素的内容。

设置HTML元素内容的语法如下:

jQuery对象.html(htmlStr);

参数htmlStr就是要设置的HTML元素的内容。

例如,调用html()方法设置HTML元素内容的实例。

请观察我的变化

点击我

网页中定义了一个p元素和一个按钮,当单击按钮会将p元素的内容设置为“hello jquery”。

2.text()方法

使用text()方法获取HTML元素内容的语法如下:

var htmlStr=jQuery对象.text();

变量htmlStr就是得到的HTML元素的内容。

设置HTML元素内容的语法如下:

jQuery对象.text(htmlStr);

参数htmlStr就是要设置的HTML元素的内容。

html()方法只能用于HTML文档,不能用于XML文档;而text()方法对HTML和XML文档都有效。

3.val()方法

使用val()方法获取HTML元素内容的语法如下:

var value=jQuery对象.val();

变量value就是得到的HTML元素的内容。

设置HTML元素内容的语法如下:

jQuery对象.val(value);

val()方法还可以指定一个函数用于设置HTML元素的内容语法如下:

$(selector).val(function(index,oldvalue))

参数说明如下:

$(selector):选择器

index:可选参数。接受选择器的index位置(当选择多个元素时有效)

oldvalue:可选参数。接受选择器的当前value属性。

Name:

转化为大写

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值