原生js与jquery基础

本文详细介绍了使用jQuery获取和设置HTML元素的值与属性的方法,包括text(), html(), val()及attr()函数的用法,并对比了原生JavaScript与jQuery在属性操作上的差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

- jquery获取元素值与属性

获取值:text()、html() 以及 val()

有参为赋值,无参为取值

$("#btn1").click(function(){
  $("#test1").text("Hello world!");
});
$("#btn2").click(function(){
  $("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
  $("#test3").val("Dolly Duck");
});

获取属性:获取属性 - attr(""),

有一参(属性名)为取属性,有两参为赋值(第二个参数为值)

$("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.w3school.com.cn/jquery",
    "title" : "W3School jQuery Tutorial"
  });
});

- 原生就是获取属性

小坑:通过id获取属性:document.getElementsById("")
其他获取方法都要加[],指明第几个
原因:id唯一性,能得到唯一的一个值,而其他得到的是个数组
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值