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

原文地址:http://jingyan.baidu.com/article/7f41ececf93b48593d095c25.html

包括我自己在内(其实我也就这两天才知道这样可以快速获取的),很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢?

原生DOM中获取和设置html元素的outerHTML大家都很熟悉:

// 原生DOM获取outerHTML

alert(‘原生DOM获取outerHTML‘);

alert(document.getElementById(‘lz66303‘).outerHTML);

// 原生DOM设置outerHTML

alert(‘原生DOM设置outerHTML‘);

document.getElementById(‘lz66303‘).outerHTML = ‘<textarea id="lz66303"><hr>原生DOM设置outerHTML</textarea>‘;

当然在jQuery中我们可以用.prop()方法来获取和设置html元素的outerHTML,在网上若搜索jQuery获取outerHTML竟然还有人写出函数来了,可悲!——jQuery自带的方法不知还自以为自己写个函数这种方法是什么好的解决方案。

当你看到本文时,请转给更多还在用自定义函数获取outerHTML的jQuery使用者——我这个经验就没白分享了!

其实就这么简单:

// 成功获取到

alert(‘jQuery.prop()获取outerHTML‘);

alert($(‘textarea‘).prop(‘outerHTML‘));

// 成功设置,已生效

alert(‘jQuery.prop()设置outerHTML‘);

$(‘textarea‘).prop(‘outerHTML‘, ‘<input>‘);

时间: 2024-11-05 16:03:43

怎样用jQuery自带方法/函数来获取outerHTML属性的相关文章

微信小程序的按下抬起事件,下拉选择框的事件及点击确定的方法函数,获取时间的方法,省市区的方法。

抬起按下的事件: 抬起事件: bind:touchstart="nanOne"   把这条属性放到标签里就可以了 在JS中 nanOne: function () { this.setData({ nvimg: '../img/nvOne.png', }) }, 按下事件: bind:touchend="nanTwo" 把这条属性放到标签里就可以了 在JS中 nanTwo: function () { this.setData({ nvimg: '../img/nv

jquery学习 - jquery选择孩子元素和个数/获取css属性

选择器 选择孩子元素和css属性 获得孩子元素的个数 选择器 jquery的选择器很强大,可以的话,能用jquery的时候,真的是非常方便. 选择孩子元素和css属性 先看下面的代码: SelectColor = $(ColorId).children('svg').children('rect').css('fill'); 这个代码很容易懂.首先: ColorId = $("#id"); svg是一个子元素的标签. rect是svg下的子元素 fill是rect的一个css属性 可以

自定义JS函数,获取CLASS属性符合条件的元素

function getElementsClass(classnames){ var classobj=new Array(); var classint=0;//定义数组的下标 var tags=document.getElementsByTagName("*");//获取所有元素 for(i=0;i<tags.length;i++){//筛选出所有class属性符合条件的元素 if(tags[i].className == classnames){ classobj[clas

jquery设计思想之写法-方法函数化&amp;链式操作

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

Jquery中each方法如何在其所调用函数中退出遍历

JQuery中each 方法退出 当次遍历 直接在 each的匿名函数中写 return true;即可跳出当次遍历:退出所有遍历 通过return false 实现. $(".check").each(function(index,ele){ XXXXXXXXXXXXXXXXXX; XXXXXXXXXXXXXXXXXX; return ture; 或者 return false://可以控制跳出遍历 XXXXXXXXXXXXXXXXXX; XXXXXXXXXXXXXXXXXX; })

在jQuery定义自己的扩展方法函数

今早复习昨天的练习jQuery的DropDownList联动功能,如果想看回<jQuery实现DropDownList(MVC)>http://www.cnblogs.com/insus/p/3413749.html 和<jQuery实现两个DropDownList联动(MVC)>http://www.cnblogs.com/insus/p/3414480.html .发觉一些jQuery代码冗余.如: 上图中,高亮部分的代码将会是产生冗余,它只是对象不相同而已.jQuery是否也

JQuery DOM元素方法跟JQuery 核心函数跟JQuery 事件方法

JQuery DOM 元素 函数                            描述 .get()                           从队列中删除所有未运行的项目. .index()                        存储与指定元素相关的任意数据. .size()                          存储与匹配元素相关的任意数据. .toArray()                     从队列最前端移除一个队列函数,并执行它. JQuer

jquery使用自带方法实现json对象合并的例子

1.使用jquery自带的方法 $.extend( true, object1, object2 ); 原文地址:https://www.cnblogs.com/dth08011122/p/9270969.html

jquery中$.ajax方法提交表单

function postdata(){                        //提交数据函数 $.ajax({                                //调用jquery的ajax方法 type: "POST",                       //设置ajax方法提交数据的形式 url: "ok.php",                      //把数据提交到ok.php data: "writer=