软件开发培训班 >> 编程开发 >> JavaScript

jquery1.4 教程一便利的设置函数

　　本文标签：jquery1.4,设置函数

<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>便利的设置函数</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<link href="basic.css" rel="stylesheet" type="text/css" /> 
<link href="demo.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript"> 
$(function(){ 
    $("#btn1").click(function(){ 
        $(#a1).html(function(i,html){ 
            return html.replace(/ 。/g,！已经被替换); 
        });         
    }) 
    $("#btn2").click(function(){ 
        $(#a1).attr("title",function(i,title){ 
            return title + " (已经被替换)"; 
        });         
    })     
}) 
</script> 
</head> 
<body> 
<h1 class="left_h1">改进一：jquery1.4的大部分设置值对方法都可以设置第二个参数为回调函数 。比如：.css(), .attr(), .val(), .html(), .text() 。</h1> 
<p></P> 
<h4>看下面的demo</h4> 
<p>这是一个链接 。</P> 
<p>现在使用回调函数中直接对衔接中的文字进行替换 。以前的方法是先取a的htnl，然后再使用正则匹配，最后进行替换 。</P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/edu/soft/76276.html"  target=_blank > windows7开机自动启动WIFI热点共享无线网络 </a></td><td><a href="http://www.zhujiangroad.com/dc/news/2013/6a16383.html"  target=_blank > 摄影新手如何避免5个容易犯的错误 </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/hardware/news/2013/4a16200.html"  target=_blank > 玩爽DIY 挑选电源不可忽视4大细节 </a></td><td><a href="http://www.zhujiangroad.com/web/news/2021/10m84054.html"  target=_blank > 精锐教育垮台？7万家长退款无门 其实败局早已注定 </a></td></tr></table></div> 
<p>1.4一步搞定，来看代码：</P> 
<p><code> 
        $(#a1).html(function(i,html){ 
            return html.replace(/ 。/g,！已经被替换); 
        });     
</code> 
<input name="btn1" id="btn1" type="button" value="点此替换" /> 
你会发现，衔接的" 。"被替换为"！已经被替换" 。 
</P> 
<p>是不是比以前方便多了？</P> 
<p>同样适用于其他设置值对方法，比如attr()，可以试着第二个参数改变成函数看看 。</P> 
<p>这次替换链接的title属性：</P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/dc/news/2022/5a17617.html"  target=_blank > P图技巧：这种夏日调色风格，妹子看了都说好 </a></td><td><a href="http://www.zhujiangroad.com/web/news/2024/3m89692.html"  target=_blank > 8款AI视频生成产品实测，谁将成为中国Sora？ </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/home/news/2023/4a17742.html"  target=_blank > 买冰箱空调洗衣机少踩雷！这些选购干货看下 </a></td><td><a href="http://www.zhujiangroad.com/software/news/2023/9m88321.html"  target=_blank > 华为鸿蒙原生应用全面启动：将和安卓系统决裂 </a></td></tr></table></div> 
<p><code> 
        $(#a1).attr("title",function(i,title){ 
            return title + " (已经被替换)"; 
        });         
</code></P> 
<p> 
<input name="btn2" id="btn2" type="button" value="点此替换" /> 
</P> 
</body> 
</html>

技术文章快速查找

开源的AJAX框架Echo3 Beta2发布

基于jquery的button默认enter事件(回车事件)。

javascript offsetX与layerX区别

JavaScript Object的extend是一个常用的功能

Js动态创建div

字符串的replace方法应用浅析

jquery中prop()方法和attr()方法的区别浅析

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建

软件开发培训班 >> 编程开发 >> JavaScript

jquery1.4 教程一 便利的设置函数

jquery1.4 教程一便利的设置函数