jquery属性操作添加属性

淩亂°似流年 2022-07-14 00:40 320阅读 0赞

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-1.11.1.js"></script>
        <script>
            $(function () {
                //获取元素，绑定属性
                var jqinp = $("input").eq(0);
                var jqinp2 = $("input:checkbox");
                var jqbtn = $("button");
    
                jqbtn.click(function () {
                    //绑定到jquery的衣服上，标签上没有
    //                jqinp.title = 111;
    //                console.log(jqinp.title);
    
                    //绑定到标签上
    //                jqinp.attr("title",111);
    //                console.log(jqinp.attr("title"));
    
                    jqinp.attr("aaa",111);
                    console.log(jqinp.attr("aaa"));
    
                    //两个参数是给属性赋值，单个参数是获取属性值。
                    jqinp.attr("class","aaa");
                    console.log(jqinp.attr("class"));
    
                    jqinp.removeAttr("class");
                    console.log(jqinp.attr("class"));
    
                    //form中的特殊属性，用prop
                    jqinp2.prop("checked",true);
    //                jqinp2.attr("checked",true);//一次性的
    
                });
            })
        </script>
    </head>
    <body>
        <button>绑定</button>
        <input type="text"/>
        <input type="checkbox"/>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，320人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery添加元素属性的实现方法

jQuery是一个流行的JavaScript库，可以简化前端开发过程中的许多任务。在jQuery中，可以使用一些方法来为元素添加新的属性。下面将详细介绍如何使用jQuery为元

迈不过友情╰/ 2024年02月23日 05:29/ 0 赞/ 81 阅读

相关 js,jQuery操作节点，获取、设置属性，操作class属性

1，创建元素节点： js: document.createElement("div") jQuery: $("<div></div>") 2,创建文本节点并添

Bertha 。/ 2023年06月27日 12:37/ 0 赞/ 49 阅读

相关 jquery给标签添加属性或获取属性值attr方法，移除属性removeAttr方法

1. attr() 方法设置或返回被选元素的属性值。（1）返回被选元素的属性值： $(selector).attr(attribute) （2）设置被选元素的属

偏执的太偏执、/ 2023年06月22日 10:34/ 0 赞/ 23 阅读

相关 jquery属性操作添加属性

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

淩亂°似流年/ 2022年07月14日 00:40/ 0 赞/ 321 阅读

相关 jquery属性操作

jquery属性操作 1、html() 取出或设置html内容 // 取出html内容 var $htm = $('div1').html()

╰半夏微凉°/ 2022年05月09日 14:34/ 0 赞/ 275 阅读

相关 jQuery-CSS类属性操作

jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些： addClass() - 向被选元素添加一个或多个类 re

àì夳堔傛蜴生んèń/ 2022年04月16日 00:08/ 0 赞/ 271 阅读

相关 jQuery基础（四）—— jQuery属性操作

（1）内容选择器：：has(selector)//选中包含指定子元素的元素：contains（）//选中包含指定文本内容的指定元素：empty（）//选中既没有

怼烎@/ 2022年03月26日 15:28/ 0 赞/ 299 阅读

相关 JQuery操作HTML属性

每一个HTML元素，都是一个DOM对象每一个对象都会有其对应的属性对于如图所示的img标签 ![watermark_type_ZmFuZ3poZW5naGVpdGk_

小鱼儿/ 2022年01月22日 22:37/ 0 赞/ 325 阅读

相关 jQuery属性操作

jQuery属性操作　　使用 jq 操作标签的属性 Demo: 1.获取元素的指定属性值　　attr()可以操作原生属性, 还可以操作自定义的属性　　pro

àì夳堔傛蜴生んèń/ 2022年01月11日 06:45/ 0 赞/ 320 阅读

相关 Jquery属性操作、添加类

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document

柔情只为你懂/ 2021年11月09日 07:50/ 0 赞/ 373 阅读