JQuery 风格的HTML文本转义
那么,我需要一个方法转义。网上搜了一下,大部分是自己编写一个正则替换。不过我的习惯是尊重既有的资源。有人提出可以用dom的功能。先作为innerTEXT传给一个dom对象,再取innerHTML属性,就可以取到转义后的文本了。
方法不错,不过写法上,有没有取巧的办法呢?
JQuery社区有人给出了办法:假设有文本 context,可以对一个jQuery对象 $(x)进行 $(x).text(context).html(),就会返回一个转义后的文本。
其实刚刚想起来,很多时候完全可以用text()函数对jQuery对象赋值就好了……
相关推荐
-
JQuery 风格的HTML文本转义
那么,我需要一个方法转义.网上搜了一下,大部分是自己编写一个正则替换.不过我的习惯是尊重既有的资源.有人提出可以用dom的功能.先作为innerTEXT传给一个dom对象,再取innerHTML属性,就可以取到转义后的文本了. 方法不错,不过写法上,有没有取巧的办法呢? JQuery社区有人给出了办法:假设有文本 context,可以对一个jQuery对象 $(x)进行 $(x).text(context).html(),就会返回一个转义后的文本. 其实刚刚想起来,很多时候完全可以用text()
-
jQuery简单实现input文本框内灰色提示文本效果的方法
本文实例讲述了jQuery简单实现input文本框内灰色提示文本效果的方法.分享给大家供大家参考,具体如下: $(function(){ $(".grayTips").each(function(){ //遍历每个文本框 var objTextBox=$(this); var oldText=$.trim(objTextBox.val()); objTextBox.css("color","#888"); objTextBox.focus(fun
-
jQuery控制控件文本的长度的操作方法
在Web项目开发中,有时候会碰到这样一个问题,控件被文本内容撑爆了,但是怎么控制控件文本的的内容呢?可能有的人会用Javascript中的substring对控件显示的文本进行控件,但由于字母大小写,汉字,其它语言等每个字符的大小是不一样的,这导致了同样是substring(0, 10),有的内容小,有的内容大,而想要使用CSS控制控件的宽度时,有时候并不起作用,除非你很精通CSS,否则很难通过CSS控制控件中的文本内容,下面的方法可以解决这个问题. HTML内容,h2中的文本通过jQuery控
-
jQuery实现点击文本框弹出热门标签的提示效果
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery实现点击
-
jQuery实现限制textarea文本框输入字符数量的方法
本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法.分享给大家供大家参考.具体实现方法如下: (function($) { $.fn.extend( { limiter: function(limit, elem) { $(this).on("keyup focus", function() { setCount(this, elem); }); function setCount(src, elem) { var chars = src.value.lengt
-
jQuery 改变P标签文本值方法
Web前台页面中有一P标签值, <p id="p1" > 该用户名已被注册 </p> 想通过jquery改变该P标签的内容. 开始时使用val()属性,发现达不到目标. val()可以用来改变类似于文本框的输入内容. 查了下,使用jQuery HTML 操作完成操作. 函数 描述 $(selector).html(content) 改变被选元素的(内部)HTML $(selector).append(content) 向被选元素的(内部)HTML 追加内容 $(
-
jquery ajax对特殊字符进行转义防止js注入使用示例
在使用ajax进行留言的时候,出现了一个问题.因为留言内容写完之后,通过ajax提交内容,同时使用js把留言的内容添加到页面上来.浏览留言的时候也是通过ajax请求,然后再显示的.这样,如果有人在留言里写入了js语句,这结语句都会被执行.解决办法就是对这些特殊字符进行转义再显示出来.如果在jsp中使用jstl标签,就很简单了.直接使用<c:out value="${r.content}" />这样就行了,会自动进行转义,其中省略了参数escapeXML="true
-
jQuery 自动增长的文本输入框实现代码
为了提高用户体验,我在午休时候想起了是不是可以用jQuery写个插件.想到不如做到,果然,我实现了这个功能.在写这个插件时我潜意识里想到这样的插件网上应该有人写过,不过我并没有去搜索,你有兴趣可以找一找.下面是插件的源代码. 源代码 复制代码 代码如下: ;(function($) { $.fn.autoSizeText = function(settings) { var _defaultSettings = {min:20,max:40}; var _settings = $.extend(
-
基于jquery的设置页面文本框 只能输入数字的实现代码
代码如下: 复制代码 代码如下: $("#money").bind("propertychange",function() { if(""!=this.value){ var str = this.value.replace(/(^\s*)|(\s*$)/g, ""); if(this.value != str ) this.value = str; } if( isNaN(Number(this.value))) this.
-
详解jQuery UI库中文本输入自动补全功能的用法
自动补全(autocomplete),是一个可以减少用户输入完整信息的UI 工具.一般在 输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择. 一.调用autocomplete()方法 $('#email').autocomplete({ source : ['aaa@163.com', 'bbb@163.com', 'ccc@163.com'], }); 二.修改autocomplete()样式 由于autocomplete()方法是弹窗,然后鼠标悬停的样式.通过Firebug
随机推荐
- Angular4实现鼠标悬停3d倾斜效果
- Angular实现form自动布局
- Python写入CSV文件的方法
- Jquery easyui 实现动态树
- 制作网页十大诀窍
- spring4新特性之web开发增强
- Web开发异常行为排查常用方法图文介绍
- VS2010新建站点发布并访问步骤详解
- c# 委托详解
- Android网易有道词典案例源码分享
- Android仿百度福袋红包界面
- 异步javascript的原理和实现技巧介绍
- PHP笔记之:日期函数的使用介绍
- Android中自定义控件之液位指示器
- jquery——九宫格大转盘抽奖实例
- js键盘方向键 文章翻页跳转的效果[小说站常用已支持firefox]
- javascript上传图片前预览图片兼容大多数浏览器
- C#实现打造气泡屏幕保护效果
- Java排序算法总结之堆排序
- PHP获取当前完整URL地址的函数