大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、使用正则表达式验证
创新互联是网站建设专家,致力于互联网品牌建设与网络营销,专业领域包括成都网站制作、成都做网站、电商网站制作开发、微信小程序开发、微信营销、系统平台开发,与其他网站设计及系统开发公司不同,我们的整合解决方案结合了恒基网络品牌建设经验和互联网整合营销的理念,并将策略和执行紧密结合,且不断评估并优化我们的方案,为客户提供全方位的互联网品牌整合方案!
function RegeMatch(objVal){
var pattern = new RegExp("[~'!@#$%^*()-+_=:]");
if(objVal != "" objVal != null){
if(pattern.test(objVal)){
alert("非法字符!");
return false;
}
}
}
2、替换字符串中的所有特殊字符
function ReplaceChar(objVal){
var patternStr='!,@,#,$,%,^,,*,(,),-,+,_,=,:';
$.each(patternStr.split(','),function(key,val){
objVal.replace(val,'');
});
}
替换标签是指如何替换?
例如:spantest/span -- 替换成 divtest/div
这样么?
如果是这样的话,可以把内容拿到,然后在后边添加一个新的,然后删除原有的。就可以啦。
var content = $('#old').html();
var new = $('div'+content+'/div');
new.after($('#old'));
$('#old').remove();
jquery中的字符串查找替换有2个类似的方法,但都是查找替换dom元素的方法,而不是查找替换纯文本的方法。
1、replaceWith(),将所有匹配的元素替换成指定的HTML或DOM元素。
示例:
把所有的段落标记替换成加粗的标记。
HTML 代码:
pHello/ppcruel/ppWorld/p
jQuery 代码:
$("p").replaceWith("bParagraph. /b");
结果:
bParagraph. /bbParagraph. /bbParagraph. /b
2、replaceAll(),用匹配的元素替换掉所有 selector匹配到的元素
示例:
把所有的段落标记替换成加粗标记
HTML 代码:
pHello/ppcruel/ppWorld/p
jQuery 代码:
$("bParagraph. /b").replaceAll("p");
结果:
bParagraph. /bbParagraph. /bbParagraph. /b
注意:
如果需要查找纯文本替换,可以直接使用js中的String.replace(regexp, replacement)
方法。
示例:
要确保单词“JavaScript'’中的大写字符是正确的,可用下列代码:
text.replace(/javascript/i, "JavaScript");
答案是肯定的,先试试正则的效果。把所有图片宽度设成90%,最简单的方法是在img标签中加入style属性,然后在style中指定宽度。
用正则,第一步,先要匹配到所有img标签,由于img标签不一定有style属性,要先判断是否有style属性,接下来直接在style属性中加入width: 90%;?不,这样可能会覆盖掉原有的其他属性,那就直接追加,追加不会覆盖!还是不行,万一原来就有width呢。。。
还没开始写正则表达式,先想想过程,就已经很繁琐了,其实实现起来更加复杂。
幸好我们可以换个思路,借助于jQuery解决这个问题。
jQuery强大之处在于,它能直接将一个html字符串包装成dom元素,这个dom元素不存在于当前页面中,它是放在内存中的。
已写好,如下:
!doctype html
html
head
meta charset="utf-8"
title无标题文档/title
/head
body
script src=""/script
script
$(function(){
var pContent = $("p").text();
$("p").hover(function(){
$(this).text($("span").text());
},function(){
$(this).text(pContent);
})
})
/script
divp我是p标签/p/div
span我是span标签span/
/body
/html
可以;
方法:var var j = jQuery.noConflict();
jQuery.noConflict([extreme])运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。 在运行这个函数后,就只能使用jQuery变量访问jQuery对象。
例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。 '''注意:'''这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库'''之前'''使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。
语言特点
快速获取文档元素
jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。
提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。
创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。
提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。
增强的事件处理
jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。
更改网页内容
jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。 [6-7]
工作原理
jQuery的模块可以分为3部分:入口模块、底层支持模块和功能模块。
在构造jQuery对象模块中,如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式,则会调用选择器Sizzle(一款纯JavaScript实现的CSS选择器引擎,用于查找与选择器表达式匹配的元素集合)遍历文档,查找与之匹配的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。
浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果,其他模块则基于这些测试结果来解决浏览器之间的兼容性问题。
在底层支持模块中,回调函数列表模块用于增强对回调函数的管理,支持添加、移除、触发、锁定、禁用回调函数等功能;异步队列模块用于解耦异步任务和回调函数,它在回调函数列表的基础上为回调函数增加了状态,并提供了多个回调函数列表,支持传播任意同步或异步回调函数的成功或失败状态;数据缓存模块用于为DOM元素和Javascript对象附加任意类型的数据;队列模块用于管理一组函数,支持函数的入队和出队操作,并确保函数按顺序执行,它基于数据缓存模块实现。
在功能模块中,事件系统提供了统一的事件绑定、响应、手动触发和移除机制,它并没有将事件直接绑定到DOM元素上,而是基于数据缓存模块来管理事件;Ajax模块允许从服务器上加载数据,而不用刷新页面,它基于异步队列模块来管理和触发回调函数;动画模块用于向网页中添加动画效果,它基于队列模块来管理和执行动画函数;属性操作模块用于对HTML属性和DOM属性进行读取、设置和移除操作;DOM遍历模块用于在DoM树中遍历父元素、子元素和兄弟元素;DOM操作模块用于插入、移除、复制和替换DOM元素;样式操作模块用于获取计算样式或设置内联样式;坐标模块用于读取或设置DOM元素的文档坐标;尺寸模块用于获取DOM元素的高度和宽度。