Menu
Woocommerce Menu

jQuery使用之设置成分样式用法实例,替换另一只手机号的秘技

0 Comment

其中

您可能感兴趣的文章:

  • js
    replace(a,b)之替换字符串中所有指定字符的方法
  • js正则表达式replace替换变量方法
  • js正则查找match()与替换replace()用法实例
  • JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
  • js使用正则实现ReplaceAll全部替换的方法
  • js使用正则实现ReplaceAll全部替换的方法
  • JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
  • JS Replace
    全部替换字符的用法小结
  • JS利用正则配合replace替换指定字符
  • JS、replace利用正则表达式替换SQL所有参数为指定格式的数据
  • js中字符替换函数String.replace()使用技巧
  • js replace
    全局替换的操作方法

复制代码 代码如下:

jQuery.trim(sString)
jQuery类似这样的函数很多,而且涉及到javascript的方方面面。

复制代码 代码如下:

$(“li:last”).hasClass(“css1”)

<script type=”text/javascript”>
            $(function() {
                $(“table#mytable
tr:nth-child(odd)”).addClass(“altcss”);
            })
        </script>

本文实例讲述了javascript正则表达式使用replace()替换手机号的方法。分享给大家供大家参考。

$(function() {
    //同时添加多个CSS类别
    $(“img”).addClass(“css1 css2”);
});

您可能感兴趣的文章:

  • jQuery开发者都需要知道的5个小技巧
  • Jquery下的26个实用小技巧(jQuery tips, tricks &
    solutions)
  • 几个比较经典常用的jQuery小技巧
  • jquery图片延迟加载
    前端开发技能必备系列
  • 12款经典的白富美型—jquery图片轮播插件—前端开发必备
  • jquery操作复选框(checkbox)的12个小技巧总结
  • 开发中可能会用到的jQuery小技巧
  • jQuery提交多个表单的小技巧
  • 15个jquery常用方法、小技巧分享
  • 14款经典网页图片和文字特效的jQuery插件-前端开发必备
  • web前端开发JQuery常用实例代码片段(50个)
  • 分享五个有用的jquery小技巧
  • 关注jquery技巧提高jquery技能(前端开发必学)
  • WEB前端开发都应知道的jquery小技巧及jquery三个简写

希望本文所述对大家的javascript程序设计有所帮助。

表达最后一个li的css属性是否包含css1类。和

执行结果

<html>
<head>
<title>javascript正则表达式使用replace()替换手机号</title>
<meta http-equiv=”content-type” content=”text/html;charset=utf-8″
/>
<script type=”text/javascript”
src=”jquery-1.8.2.min.js”></script>
<script type=”text/javascript”>
 $(function(){
  $(“button”).click(function(){
   var str = $(“p”).text();
   var reg = /1(\d{2})\d{4}(\d{4})/g;
   str = str.replace(reg,”1$1****$2″);
   $(“p”).text(str);
  });
 });
</script>
<style type=”text/css”>
h5{color:blue;}
</style>
</head>
<body>
<h5>把手机号第4位到第7位替换成****</h5>
<p>你的手机号是 13500112233<br />小猪的手机号是 13699887766
<br /> 大熊的手机号是 13810102222</p>
<button>点我替换</button>
</body>
</html>

另外在css中提供了hasClass(name)方法判断某个元素是否设置了某个css类别。返回布尔值。例如:

<script type=”text/javascript”>
            var sString = ”   1234567890″;
            sString = $.trim(sString);
            alert(sString.length);
        </script>

具体实现方法如下:

1. 添加、删除css类别。

<script type=”text/javascript”>
            $(document).ready(function() {
                $(“table#mytable
tr:nth-child(odd)”).addClass(“altcss”);
            })
        </script>

例如:通过设置鼠标mouseover和mouseout事件触发css(name,value)来修改颜色标记。

对上述代码jQuery还提供了简写,可以省略其中的(document).ready部分

复制代码 代码如下:

复制代码 代码如下:

3.直接获取、设置样式。

$.trim(sString)
相当于

您可能感兴趣的文章:

  • JQuery实现样式设置、追加、移除与切换的方法
  • jQuery使用CSS()方法给指定元素同时设置多个样式
  • 浅析JQuery UI
    Dialog的样式设置问题
  • JQuery设置文本框和密码框得到焦点时的样式
  • JQuery扩展插件Validate—4设置错误提示的样式
  • jQuery toggle()设置CSS样式
  • jquery
    如何动态添加、删除class样式方法介绍
  • JQuery中操作Css样式的方法
  • jquery如何改变html标签的样式(两种实现方法)
  • jQuery实现为LI列表前3行设置样式的方法【2种方法】

这就是上文中表格隔行变色的代码。

css方法提供了opacity属性。并且兼容各种浏览器。

标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图