jquery this和$this的区别

2022-11-28 15:36:52 浏览数 (1)

this和$this

this指向的是dom对象节点,$(this)指的是jquery对象, 根据情况不同进行操作选择,

dom元素操作用this jquery对象操作用$(this)

代码语言:javascript复制
<script>
        $(function(){
           $('button').click(function(){
               $('select').append("<option value=''>"   this.value  "</option>")
               $(this).text(123)
           })
        })
    </script>
</head>
<body>
    <button value="987"></button>
    <select name="" id="">
        <option value="">123</option>
        <option value="">546</option>
        <option value="">123</option>
        <option value="">123</option>
        <option value="">123</option>
    </select>
</body>

单击button 获取button的value值 dom操作 用this

同时使用text()方法向按钮添加内容,用的jquery方法 当然就要用jquery对象$(this).

0 人点赞