发表于
2021-10-12 12:29:06
支付宝扫码领红包，每天能领，直接当钱用！
发表于
2019-03-19 00:00:25
facebook登录报错：所提供的网址不被应用程序配置所接纳
接入第三方facebook登录调用，调用login()方法时提示：所提供的网址不被应用程序配置所接纳。
解决方法：进入facebook开发者后台
https://developers.facebook.com/docs/facebook-login
创建新应用,已建好应用的直接进入要接入facebook登录的应用，进入设置-基本项,点击右侧下方的“添加平台”按钮，把ios 跟 android平台都添加上。
...继续阅读
(6)
发表于
2018-11-17 10:47:11
支付宝红包怎么领？最新领红包方法看这里就够啦！
12月支付宝红包大大大大大大升级！红包种类更多，金额更大，红包搜索码已为你准备好，就等你来领啦...支付宝红包现在每人每天可免费领取一次，还没领过的朋友，不要再错过啦！领过的朋友，记得每天都来领哦！
下面来介绍下支付宝红包领取方法↓↓↓
打开手机支付宝↓↓↓搜索下面红包搜索码↓↓↓即可领取红包！513222414输入上面数字后，下方会显示：搜索“513222414”，天天领红包直接点进去，然后按提示领红包就可以啦。
...继续阅读
(6)
发表于
2017-06-04 03:19:48
sublime autoSave插件自动保存时会关闭智能代码提示，解决方法看这里！
sublime autoSave插件自动保存时会关闭代码提示，如下图所示：gif图片说明：test.html标签右侧有个红色的小红点，说明当前编辑文件未保存，加入autosave插件后可配置实时保存，但问题如图所示，当我打document.querySelector还在选择auto completion自动智能代码提示选项时，由于autosave会自动保存文件，直接把代码提示选项给闭关啦！
而我们想要的是：如果智能代码提示选项显示的时候，就不执行自动保存命令，即不影响我们选择自动完成代码！
如果你是通过 install packagae命令安装的autosave，Data\Installed Packages目录下会生成一个auto-save.sublime-package文件，.sublime-package后缀文件sublime是不能直接打开的,但其实该后缀文件是一个zip压缩包，我们可以直接使用winrar类压缩工具直接打开该文件。知道这个，我们就可以直接把auto-save.sublime-package文件解压出来，把解压出来的auto-save文件夹放入Data\Packages文件夹里面，接下来我们用sublime打开auto_save.py文件 ，定位到view.run_command("save")，把前面的if not backup : # Save fil
...继续阅读
(7)
发表于
2017-05-24 11:08:08
使用ueditor一定会遇到的报错问题，附解决方法！
1、报错“请求后台配置项http错误，上传功能将不能正常使用！”，如图所示：解析：UEditor 提供了四种后台语言 php，asp，asp.net，jsp ，你可以查看下页面引用的ueditor.config.js文件内的serverUrl 参数，如果是：serverUrl: URL + "jsp/controller.php" 则是用的jsp，那你页面所在服务器必需是配置了对应的java服务器环境（如果是本机测试，则你本机必需装了java服务器环境），否则请改为对应的后台语言版本的ueditor！
2、编辑器实例化的时候可以传入什么配置参数来实现自定义?解析：这就涉及到官方的前端配置项说明，ueditor.config.js文件里面的所有配置项在编辑器实例化时都可自定义！
3、怎么限制UEditor 上传图片的格式以及图片文件大小？解析：这就涉及到官方的后端配置项说明, UEditor 1.4.2+ 起，把前后端相关的配置项都放到后端文件 php/config.json 设置，你可以测试你的网站下的路径 ueditor/php/controller.php?action=config 是否正常返回了json格式的后端配置内容，格式大致如下。如果这个请求出错，出现400、500等错误，编辑器上传相关的功能将不能正常使用。
config.json文件下的imageAllowF
...继续阅读
(5)
发表于
2017-05-11 06:26:06
[1,2,1,3].unique()实现数组去重最优方法
首先得知道数组没有可以直接去重的方法，即直接[].unique()是不支持的，会报“Uncaught TypeError: [].unique is not a function”错误，这就要求我们要将unique()方法添加到数组Array.prototype原型链中。
至于Array.prototype.unique方法内部怎么实现去重，方法多种多样，下面列出3种实现思路：
[runcode]
[/runcode]
...继续阅读
(2)
发表于
2017-04-28 06:44:49
js全屏可以这样实现，附完整源码….
全屏阅读是个不错的阅读体验，它可以让你的视觉焦点聚集在你想关注的内容上。
一般我们按下 F11键就能让浏览器全屏显示，但这还不够好，比如：在阅读本站文章的时候，你只想让文章内容区域全屏显示，其它无关的东西像:顶部导航栏，右边的侧边栏等统统不显示。
要能实现这样的阅读体验，感觉会很不错。
没错，本文就是介绍如何实现这一用户体验需求的！
当然，在继续阅读本文之前可先在本文章页面通过以下操作来体验下这种阅读新体验：进入全屏阅读：按键盘上的ENTER键或点击文章右上角带红字的”全屏阅读“按钮退出全屏阅读：按键盘上的ENTER键或按ESC键或点击文章右上角带红字的”退出全屏“按钮
贴出实现全屏切换的完整源码，如下：
[runcode]页头侧边栏全屏阅读全屏显示区域！！！页脚||||||&&||||||
[/runcode]上述代码实现全屏阅读，需要注意的几点：全屏窗口不可滚动查看内容，全屏元素需加width: 100%;height: 100%;overflow: auto; 控制 ，以达到各浏览器显示效果一致（注：Gecko 会为元素自动添加 CSS 使其伸展以便铺满屏幕： "width: 100%; height: 100%"。 WebK
...继续阅读
(1)
发表于
2017-04-04 11:50:29
artdialog弹出层open页面iframe间数据传递，方法在这里！
“artdialog弹出层open页面iframe间数据传递”是什么意思？，实例解析：
页面中，调用artDialog插件的artDialog.open()方法打开iframeA.html，在iframeA.html页面中再调用artDialog.open()方法打开iframeB.html，点击iframeB.html页面内一链接，要将iframeB.html页面的数据传递到iframeA.html中，这就是上文所说的“artdialog弹出层open页面iframe间数据传递”，具体操作可看下面的示例图（注意a页面标红文字的变化）：要实现实例中的“artdialog弹出层open页面iframe间数据传递”，这里涉及到2个问题要处理：
1、要传递的数据怎么保存，方便在各个Iframe页面中共享数据；
2、数据传递的时候，怎么指定往iframeA.html页面传递数据(即往哪个iframe页面传递数据）;
问题一解决方法：
使用art.dialog.data()方法实现;
问题二解决方法：
调用artDialog.open()方法打开iframeA.html时，指定id属性，该属性可用来标识iframeA.html页面，写入数据时使用top.art.dialog.list["a"].iframe.contentDocument获取到iframeA页面的文档对象！需要
...继续阅读
(14)
发表于
2017-03-26 08:55:25
被忽略的非数字索引数组
在上篇文章“js的test()、exec()、match()方法应该这样用！”中我们看到：match()方法返回的匹配数组中除了这些常规的数组元素之外，返回的数组还含有两个对象属性：index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用，这两个对象属性归属于数组元素，但运行结果截图中却看到Array数组却显示只有2个元素：这就是我们今天要说的非数字索引数组（有网友叫“关联数组”）啦，需要注意的是：
1、数组的非数字索引项是对象的属性，该属性不计入Array的length里面，这个从上面的截图中也能得到印证，上源码：
[runcode]
[/runcode]
[runcode]
[/runcode]
2、数组的非数字索引项是对象的属性，访问方式跟对象字面量一样，源码：
[runcode]
[/runcode]
...继续阅读
(6)
发表于
2017-03-26 08:25:13
js的test()、exec()、match()方法应该这样用！
应用场景：页面有2个名为：tab1、tab2的tab标签元素，如果页面打开时的地址是http://www.phpvar.com/?tab=110 就用js控制显示tab1下的内容，如果地址是http://www.phpvar.com/?tab=111就显示tab2下的内容。
这个应用场景的解决方案就涉及到js里面的正则方法的应用看下面实例↓
假如我们只想知道页面地址URL 的查询部分是否带有?tab=xxxy这个字符串，可直接使用js里面的test()方法，该方法返回值含义：
如果字符串 string 中含有与 正则RegExpObject 匹配的文本，则返回 true，否则返回 false。
源码：
[runcode]
运行结果看alert！
[/runcode]
如果我们想进一步确定tab后面的值就需要用到js里面的exec() 或 match()方法啦。match()方法：用于字符串内检索指定的值，或找到一个或多个正则表达式的匹配，语法:stringObject.match(regexp)
该方法返回值用于存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。
改写上面的源码，如下：
[runcode]
运行结果看alert和调试工具log 或下面截图！
[/runcode]
运行结果，如下图：从上图的运行结果中，我们可看到match
...继续阅读
(5)
发表于
2017-03-21 15:31:25
重要通知: 多说即将关闭
多说评论系统，在国内可以说是数一数二有名的评论系统。但很遗憾的是时至今日，多说在自己的官方上正式宣布“多说即将关闭”，其原文也仅是短短几句：因公司业务调整，非常遗憾的向大家宣布多说项目即将关闭。 我们将于2017年6月1日正式关停服务，在此之前您可以通过后台的数据导出功能导出自己站点的评论数据。 对此给您造成的不便，我们深表歉意，感谢您的一路相伴。现访问多说官网：www.duoshuo.com 也会直接跳转到该通知页面。
有关注或使用多说的站长都清楚：自多说2016年5月10日在官网更新过一篇名为多说新增 "评论置顶" 功能的文章后，官方就再也没有什么动静啦。官方博客一直未更新过，讨论区用户反映的问题，也鲜有官方人员回复，就算有回复，也只是陈述现有功能，敷衍、搪塞了事。而最让站长接受不了的是：多说已被毫无节操的广告攻陷，多说压根就防不住！
沉迹大半年，无任何官方音讯，终究还是等来了多说官方即将关闭的正式通知。虽然说也是意料之中的事，但真看到官方出通知了，自己内心难免还是觉得挻遗憾的。仅以此文，纪念我们站长曾经一起喜欢过的多说....
...继续阅读
(8)
发表于
2017-03-03 05:15:34
jScrollPane 纵向滚动条jspTrack高度计算不对，可以这样处理…
自己选的jScrollPane，哭着也要把坑填完...jScrollPane是个好用的模拟美化滚动条的js插件，但如何控制横、纵向滚动条，看了官方文档的DEMO也是一点用也没有！这里记录几条自己在项目中遇到的几个问题，以及如果填坑的:
1、很多时候，我们只需要美化过的模拟的纵向滚动条而不需要横向滚动条的出现，但很无奈的是：这个横向滚动条它依旧很好的出现在页面上不消失，这里提供一种很无耻但有效的处理不需要的横向滚动条的方法：.jScrollbar .jspHorizontalBar{display: none;}这里，类.jScrollbar 代码要模拟滚动条的元素。
2、纵向滚动条jspTrack高度计算不对，表现如图：页面上是显示效果就是：模拟的纵向滚动条给人感觉是只显示半截，没占满容器，很不美观。
问题解析： 出现这现象，本人的情况是，模拟的.jScrollbar容器内有控制文字自动加省略号的样式，如上图箭头所示，即相关样式是：white-space: nowrap; 去掉该样式，上述所描述的异常现象就消失了，但问题是：页面上的省略号是要保留的，即控制文件自动加省略号的样式不能删，上处理方法，如图：如图片箭头所示，关键的点是：给加了控制文字自动加省略号white-space: nowrap;样式的元素再定义限制个宽度width即可！3、模拟滚动条区域，会有类似input标
...继续阅读
(5)
发表于
2017-02-21 23:00:11
原来你是这样的new Date()…
js中的new Date()可传入日期的字符串参数，也可单独传入年份、月份（从0起记）等数值参数，为什么Date()方法可接收不同的参数格式呢？下面我们来解开这个疑惑！ var now=new Date();返回的日期对象形如“Wed Feb 22 2017 00:13:13 GMT+0800 (中国标准时间)” 这样的日期格式。如果想根据指定的日期和时间创建日期对象，必须传入表示该日期的毫秒数（从UTC时间1970年1月1日午夜起至该 日期止经过的毫秒数）。为简化这一计算过程，ECMAScript提供了两个方法：Date.parse()和Date.UTC().1、当new Date()传入的参数是日期字符串(如：2017-2-22 00:21:50)时，Date构造函数会在后台调用Date.parse(),即：new Date("2017-2-22 00:21:50") 和 new Date(Date.parse("2017-2-22 00:21:50")) 是等价的！ 2、当new Date()传入的参数是年份、月份等数值参数(如：2017,1,22,00,21,50)时， Date构造函数会在后台调用Date.UTC(),即：new Date(2017,1,22,00,21,50) 和 new Date(Date.UTC(2017,1,22,00,21,
...继续阅读
(18)
发表于
2017-02-17 08:15:54
echarts h5图表用法实例源码详解
如上图所示，我们要用百度图表echarts3实现一个自适应手机终端显示的排名图表。源码示例中需要关注的写法：
图表标题title居中显示、
图例组件标记的图形高度（itemHeight）、
直角坐标系 x、y 轴两边留白、
x/y轴刻度间隔控制（splitNumber、interval非必要不要设置！）、
直角坐标系内 横线自定义（yAxis-splitLine）、
折线自定义（series，symbol/itemStyle/lineStyle等）
等等...
上述图示实例展示：引入 ECharts 文件为 ECharts 准备一个具备大小（宽高）的 DOM参考链接：5 分钟上手 EChartsECharts配置项手册多 Y 轴示例
...继续阅读
(10)
发表于
2017-02-07 01:44:12
mobiscroll拆分版详细用法及实例演示
Mobiscroll是一个用于触摸设备(Android, iPhone, iPad)的日期和时间选择器js库，可以让用户很快捷的完成日期或时间选择操作 ，除此基本功能外，其丰富的扩展功能也十分实用，源码分原生js版跟jQuery版本。
部分界面展示如下：用法相关链接：mobiscroll完整拆分版mobiscroll字体图标mobiscroll实例演示mobiscroll用法详解
...继续阅读
(4)
发表于
2017-01-17 10:11:55
为什么我选择必盛互联的香港主机
必盛互联（bisend.cn）不知道各位有没有了解的，我最近用了一台香港主机，就是这家的。因为免备案的因素，我在选择虚拟主机时，不考虑国内主机而直接选择海外的主机。综合稳定性、速度等因素，在比较常用的香港主机、韩国主机、美国主机三种海外主机中，选择了香港主机。那么在众多品牌的香港主机产品中，为什么我会选择必盛互联的香港主机呢？下面将给各位分析下，我选择其的原因。
先简单说下必盛互联香港主机服务商，Bisend主要提供的服务包括，云主机、香港主机、SSL证书、域名，可以说涵盖了建站所需的所有服务，属于一站式建站服务平台。必盛互联香港主机的特点·性价比高必盛互联这款香港主机走的不是低价而是性价比路线。我买的是官网推荐的专业版，现在是4.9折，大概34.95元/月，如果你需求量不大可以选择标准版，现在标准版是2.9折，15.95元/月。当然无论是标准版还是专业版，基本配置都是一样的，以下列举该主机的一些基础配置。（1）虚拟主机配置基于Symantec系统颁发的TrustAsia的SSL证书；（2）搭载Plesk控制面板，同时支持Windows和Linux，并且操作简单好用；（3）服务器是32核，96GB内存的超前Turbo服务器，采用SSD固态硬盘，RAID10存储；
价格是可以当做考虑因素，但是我们在选择时不能仅仅只考虑价格，你不能要求一款高配置的主机卖出低配版的价格，所以还是需要
...继续阅读
(10)
发表于
2017-01-13 01:42:40
喵星人的内心是崩溃的，但我还是很不厚道地笑啦…
无良主人这样调戏、恶搞喵星人，不明真相的喵星人真慌啦，估计喵星人内心是崩溃的，但我还是很不厚道地笑啦...相关视频推荐：见过这样的喵星人没有？汪星人：泥煤D，你奏开...
...继续阅读
(3)
发表于
2017-01-01 11:04:42
atom编辑器中间有条线去掉方法
atom编辑器中间有条线去掉方法,如图所示：1、去掉"Show Indent Guide"前面的勾选项,如果还能看见atom编辑器中间那条线，可在styles.less文件中写入：//隐藏indent guide line
atom-text-editor .wrap-guide{
visibility: hidden;
}2、隐藏掉atom中间的那条线之后，代码只能在原线的左侧显示，线的右侧空出来，让代码能延伸到原线的右侧显示，方法：去掉"Soft Wrap At Preferred Line Length"前面的勾选项!
...继续阅读
(2)
发表于
2016-12-30 10:18:39
发布atom第一个package!
发表于
2016-12-29 09:00:53
解决“操作无法完成，因为其中的文件夹或文件已在另一程序中打开”，win10下有效！
很多时候，我们在删除某文件夹的时候都会遇到过文件被占用，删除失败的提示：文件正在使用，操作无法完成，因为其中的文件夹或文件已在另一程序中打开。
用xp/win7时，我们还可以直接安装unlocker这类文件占用解锁软件，一键解锁删除文件，但win10系统，unlocker已失效，表现为文件提示正在被使用无法删除，但unlocker却提示当前文件没有任何被占用锁定的操作！解决“操作无法完成，因为其中的文件夹或文件已在另一程序中打开”方法：ctrl+alt+del打开任务管理器，依次点击打开：性能 -打开资源监视器- CPU, 关联的句柄 里输入部分/全部 文件名，搜索完就可在下面的搜索结果，如下截图：中看到占用当前文件的所有进程，右键可一键结束进程，解决文件占用！！
...继续阅读
(2)
发表于
2016-12-28 10:10:09
Markdown排版最常用语法！
Markdown是一种轻量级的「标记语言」，它做的事情只有「标记」——将*、# 等标记符号转换成相应的 HTML 标签。
markdown 支持 内嵌 html， 遇到特殊的样式：如字体大小、颜色、缩进，可以直接写原生的html css !最常用语法↓↓可将下面代码直接拷贝到atom中，ctrl+shfit+m ，markdown实时预览显示效果！<span style="font-size:18px;color:#900;">新起一行显示，加点样式啊</span>
> 这是引用
>> 嵌套引用
+ 无序列表1
1. 有序列表
*斜体*
** 加粗 **
缩进（切换全角 加 一空格键，尽量不用）
[链接文字](http://www.phpvar.com 'title')
>[如何使用MarkDown进行文档书写](http://jingyan.baidu.com/article/a3761b2ba5be511576f9aa92.html)
...继续阅读
(3)
发表于
2016-12-21 08:47:19
替代快盘、360云盘，目前最好的免费个人同步盘！
发表于
2016-12-08 10:28:33
5分钟学会使用一键分享神器：bshare分享！
5分钟学会使用一键分享神器：bshare分享！网站文章，一键分享神器：bshare！
新浪微博、腾讯微博、facebook、twitter等所有社交平台一键分享、图片分享、文章内容划词分享，分享内容格式自定义等等都可轻松搞定！
可查看本文内容结尾处的“一键分享文章到” ，自己动手操作体验下这个一键分享神器的实际运行效果！
真正的一键分享，对比过百度分享、JiaThis分享等其它分享插件的童鞋都说好！
使用bshare可能会用到的链接：bShare安装（推荐使用：bShare Plus）JS嵌入代码参数说明浮动bShare分享平台代码参考图片分享划词分享分享内容模板自定义设置注：bShare Plus为了避免了在分享时，跳转网页对网民产生的影响而特意采用了OAuth技术，使分享操作的整个过程在当前页面中完成。有效杜绝了网民因跳转页面的吸引而流失的现象，并且还添加了在分享完成后，自动提示关注您微博账号的人性化功能，进一步加大了用户在微博中的关注权重，从而有效的提升用户在微博平台中的影响力。
...继续阅读
(2)
发表于
2016-12-08 10:28:33
5分钟学会使用一键分享神器：bshare分享！
网站文章，一键分享神器：bshare！
新浪微博、腾讯微博、facebook、twitter等所有社交平台一键分享、图片分享、文章内容划词分享，分享内容格式自定义等等都可轻松搞定！
...继续阅读
(5)
发表于
2016-11-22 10:16:23
JS随机打乱数组最高效的方法
JS随机打乱数组最高效的方法：
[runcode]
[/runcode]
解析：
sort()是对数组进行排序的js原生方法，它是这样工作的：每次从数组里面挑选两个数 进行运算，如果传入的参数是0 两个数位置不变，如果参数小于0 就交换位置，如果参数大于0就不交换位置，两个数比完后用刚才的较大数字跟下一个进行比较，这样循环进行排序。
恰好，我们利用了这一点使用了0.5 - Math.random ，这个运算的结果要么是大于0,要么是小于0.这样要么交换位置，要么不交换位置。当然大于或者小于0或等于0都是随机出现的，所以数组就被随即排序了！
对数组作了扩展，写成rank()扩展方法，另加入tempArr临时数组，只为输出随机打乱的数组的同时，不修改原数组！
...继续阅读
(1)
发表于
2016-11-16 08:25:14
该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加的
发表于
2016-10-19 10:43:00
视频剪辑工具推荐: 剪辑可精确到每一帧，多片段合并输出
视频剪辑操作简单轻松，甚至不需要视频剪辑基础。操作可精确到每一帧，不受剪辑时间长短的限制，也可将多个剪辑片段合并输出成一个视频。一切操作，都所见即所得，可实时预览效果。轻松实现影院级好莱坞文字字幕特效，多达上百种专业风格滤镜效果囊括各种动态或静态特效技术以及画面修复与调整方案，支持视频转场特效最多的视频剪辑软件。没错，这就是我们要找的视频剪辑工具！
很多时候我们自己拍摄的小视频或者通过其它渠道获得的视频文件都会有剪辑的需求。
最常见的视频处理需求：视频中我们要裁掉某一段不想要的视频片段或 去掉不显示视频中的显示LOGO水印。
下面我们要介绍的视频剪辑工具就是为了解决上面的几个比较常见比较棘手的问题！爱剪辑其操作界面如下：单看其操作界面，对比其那些所谓大名鼎鼎的会声会影、adobe premiere之类的专业型视频剪辑软件，基本上可以说没什么上手难度！优点：剪辑操作简单轻松，甚至不需要视频剪辑基础，不需要理解“时间线”、“非编”等各种专业词汇，让一切操作都还原到最直观易懂的剪辑方式。一切操作，都所见即所得，可实时预览效果。轻松实现影院级好莱坞文字字幕特效，多达上百种专业风格滤镜效果囊括各种动态或静态特效技术以及画面修复与调整方案，支持视频转场特效最多的视频剪辑软件！另外MTV字幕同步功能、各种视频相框、叠加贴图设计、去水印等功能也是这款视频剪辑软件的几大亮点所在！缺
...继续阅读
(2)
发表于
2016-10-19 10:43:00
视频剪辑工具推荐: 剪辑可精确到每一帧，多片段合并输出
视频剪辑操作简单轻松，甚至不需要视频剪辑基础。操作可精确到每一帧，不受剪辑时间长短的限制，也可将多个剪辑片段合并输出成一个视频。一切操作，都所见即所得，可实时预览效果。轻松实现影院级好莱坞文字字幕特效，多达上百种专业风格滤镜效果囊括各种动态或静态特效技术以及画面修复与调整方案，支持视频转场特效最多的视频剪辑软件。没错，这就是我们要找的视频剪辑工具！
...继续阅读
(10)
发表于
2016-09-30 10:37:04
jquery prop()和attr()的用法区别
在“怎样用jQuery来获取outerHTML属性？”这篇文章中我们有用到jQuery里面的prop()方法，现在我们来说下jquery prop()和attr()的用法区别。Attributes vs. Propertiesattributes(属性)和properties(特性)之间的差异在特定情况下是很重要，它们对应的jquery方法是attr()和prop()。
jQuery 1.6之前 ，.attr()方法在取某些 attribute 的值时，会返回 property 的值，这就导致了取值结果的不一致。从 jQuery 1.6 开始， .prop()方法 方法返回 property 的值,而 .attr() 方法返回 attributes 的值。
就拿复选框checkbox来说：attr()实际对应的是defaultChecked属性（attributes属性），而且仅用于设置复选框最初的值，attr()值（attributes属性）不会因为复选框的状态而改变，而prop()（property特性）会因为复选框的状态而改变。因此， 跨浏览器兼容的方法来确定一个复选框是否被选中，该使用prop()（property特性）。
上代码，看实例就明白啦 ↓
[runcode]Check me[/runcode]
从上面代码的运行结果可看出：.attr()方法在取inpu
...继续阅读
(9)
发表于
2016-09-30 09:56:30
怎样用jQuery来获取outerHTML属性？
获取元素的内容（并包含元素本身）原生js 或 jQuery能实现吗？
都能，代码如下：
1、js：ele.outerHTML
2、jq： $(ele)[0].outerHTML
也许没看这篇文章前，很多做开发的朋友都会用上面的代码去实现。上面两种写法固然没错，只是我们要知道：其实用jq的话，不用把jq对象转换成js Dom对象也照样能实现获取元素的内容（并包含元素本身）！
怎么去写呢？先不急，我们先看下国外友人是怎么曲折实现的：jQuery.fn.outerHTML = function(s) {
return (s)? this.before(s).remove(): jQuery("").append(this.eq(0).clone()).html();
}外国朋友特地将这个功能写成一个jquery插件啦，这插件这样用：
获取：$(ele).outerHTML();
替换：$(ele).outerHTML("新替换内容");
通过jquery获取元素的内容（并包含元素本身)，这功能是实现了。当然这种思路也可以借鉴学习下，但实际上自jQuery1.6版本后，有增加prop()方法，通过这个方法我们可以直接这样写：$(ele).prop("outerHTML") 。
也就是说jQuery获取/替换元素的内容（并包含元素本身），可直接这么写：
获取：$(ele)
...继续阅读
(14)