jQuery中操作元素选中问题，value值的操作，自定义属性的操作

最新推荐文章于 2022-11-03 14:01:39 发布

杏黄的三叶草

最新推荐文章于 2022-11-03 14:01:39 发布

阅读量520

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/dwjdj/article/details/105998802

版权

本文介绍了jQuery中如何操作元素的value属性，包括使用val()、html()和text()方法。同时讲解了自定义属性的设置、获取和移除，以及如何利用attr()和prop()处理元素的选中状态，特别是在处理checked属性时推荐使用prop()方法。

摘要由CSDN通过智能技术生成

value属性的操作

val()
html()
text()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jquery-1.12.1.js"></script>
    <script>
        $(function () {
   
            //点击按钮，设置单选框的value值
            // $("#btn").click(function () {
   
            //     $("#r2").val("6");
            // });

            //点击按钮，设置复选框的value值
            // $("#btn").click(function () {
   
            //     $("#ck3").val("7");
            // });

            //点击按钮，设置文本域的value值
            $("#btn").click(function () {
   
                //获取文本域中的value值
                console.log($("#tt2").val());
                console.log($("#tt2").text());
                //设置文本域中的value值
                $("#tt2").val("雏菊");
                $("#tt2").text("雏菊");
            });

            //选中标签中value值为5的这个option标签
            $("#btn").click(function () {
   
                $("#s1").val(5);
            });
        });
    </script>
</head>
<body>
<input type

最低0.47元/天解锁文章

杏黄的三叶草

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中操作元素选中问题，value值的操作，自定义属性的操作

value属性的操作val()html()text()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../jquery-1.12.1.js...
复制链接

扫一扫