怎样用jQuery自带方法函数来获取outerHTML属性

怎样用jQuery自带方法函数来获取outerHTML属性,第1张

包括我自己在内(其实我也就这两天才知道这样可以快速获取的),很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢? 原生DOM中获取和设置html元素的outerHTML大家都很熟悉: // 原生DOM获取outerHTML alert('原生DOM获取outerHTML'); alert(documentgetElementById('lz66303')outerHTML); // 原生DOM设置outerHTML alert('原生DOM设置outerHTML'); documentgetElementById('lz66303')outerHTML = '<textarea id="lz66303"><hr>原生DOM设置outerHTML</textarea>'; 当然在jQuery中我们可以用prop()方法来获取和设置html元素的outerHTML,在网上若搜索jQuery获取outerHTML竟然还有人写出函数来了,可悲!——jQuery自带的方法不知还自以为自己写个函数这种方法是什么好的解决方案。 当你看到本文时,请转给更多还在用自定义函数获取outerHTML的jQuery使用者——我这个经验就没白分享了! 其实就这么简单: // 成功获取到 alert('jQueryprop()获取outerHTML'); alert($('textarea')prop('outerHTML')); // 成功设置,已生效 alert('jQueryprop()设置outerHTML'); $('textarea')prop('outerHTML', '<input>');

$(obj)on('input',function(){

    $(this)val()length

})

input是h5新加的事件,可以支持复制的时候可以监听到

你也可以用change

jQuery通过name获取对象

使用jQuery获取name="nw"的input对象:$('input[name="nw"]');

使用$('input[name="nw"]')val()方法或$('input[name="nw"]')html()方法来获取其值。

和JavaScript获取对象值一样,input、select、textarea等表单类对象用val()方法来获取其值;div、span等对象用html()获取其值,如:$('input[name="nw"]')val();

设置对象的值,如:$('input[name="nw"]')val('123');

注意:

1通过name获取对象值,获取的是第1个对象的值

name是可以重复的

2通过name设置对象值,设置的是所有对象的值

以上就是关于怎样用jQuery自带方法/函数来获取outerHTML属性全部的内容,包括:怎样用jQuery自带方法/函数来获取outerHTML属性、如何用jQuery动态获取textarea中的字数、jquery怎么获取所有name为等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9567156.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存