jQuery中filter(),not(),split()使用方法


Posted in Javascript onJuly 06, 2010

filter()和not():

<script type="text/javascript"> 
$(document).ready(function() { 
//输出 hello 
alert($("p").filter(".selected").html()); 
//输出 How are you? 
alert($("p").not(".selected").html()); 
}); 
</script> 
</head> 
<body> 
<p class="selected">Hello</p><p>How are you?</p> 
<!-- 
一个新的挑战是从一组类似或相同的元素中只选择某一个特定的元素。 
jQuery提供了filter()和not()来做这个。 
filter()能够将元素精简到只剩下满足过滤条件的那些,not()恰恰相反,他移除了所有满足条件的。--> 
</body>

split():
<script type="text/javascript"> 
$(document).ready(function(){ 
$("input[@value=btn1]").click(function(){ 
//以¥分割 
alert($("span.sale").text().split("¥")[2]+"||"+$("span.sale").text().split("¥")[1]+"||"+$("span.sale").text().split("¥")[0]); 
}); 
}); 
</script> 
</head> 
<body> 
获取价格120:<input type="button" value="btn1" ><br> 
<span class="sale"> 
Out Sale: ¥160<br /> 
Deal Price: ¥120</span> 
<!-- 
应用split来解决这个问题。下面给出一个用split的实例: 
msg ="2007/10/01"; 
msg = msg.split("/"); 
alert(msg[2]); 
他会把 msg 分成一个3块组成一个数组 ,然后就可以轻松获取了。 
--> 
</body>
Javascript 相关文章推荐
js 验证身份证信息有效性
Mar 28 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
Sep 04 Javascript
angularjs 中$apply,$digest,$watch详解
Oct 13 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
Angularjs渲染的 using 指令的星级评分系统示例
Nov 09 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
微信接入之获取用户头像的方法步骤
Sep 23 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 Javascript
jQuery带控制按钮轮播图插件
Jul 31 jQuery
vue video和vue-video-player实现视频铺满教程
Oct 30 Javascript
详解Vite的新体验
Feb 22 Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 #Javascript
jquery 查找新建元素代码
Jul 06 #Javascript
jquery 3D球状导航的文章分类
Jul 06 #Javascript
Javascript Function对象扩展之延时执行函数
Jul 06 #Javascript
JavaScript经典效果集锦
Jul 06 #Javascript
前端开发必须知道的JS之原型和继承
Jul 06 #Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
Jul 06 #Javascript
You might like
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
php读取数据库信息的几种方法
2008/05/24 PHP
完美解决PHP中的Cannot modify header information 问题
2013/08/12 PHP
memcache命令启动参数中文解释
2014/01/13 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
php生成酷炫的四个字符验证码
2016/04/22 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
javascript实现俄罗斯方块游戏的思路和方法
2015/04/27 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
2016/02/22 Javascript
JavaScript驾驭网页-获取网页元素
2016/03/24 Javascript
快速使用Bootstrap搭建传送带
2016/05/06 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
微信小程序微信支付接入开发实例详解
2017/04/12 Javascript
JavaScript递归算法生成树形菜单
2017/08/15 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
完美解决python中ndarray 默认用科学计数法显示的问题
2018/07/14 Python
Python绘制KS曲线的实现方法
2018/08/13 Python
django如何连接已存在数据的数据库
2018/08/14 Python
如何用OpenCV -python3实现视频物体追踪
2019/12/04 Python
如何Tkinter模块编写Python图形界面
2020/10/14 Python
英国时尚女装购物网站:Missguided
2018/08/23 全球购物
如何拷贝一整个Java对象,包括它的状态
2013/12/27 面试题
应届生个人求职信模板
2013/11/26 职场文书
会计专业自我评价
2014/02/12 职场文书
《蜗牛》教学反思
2014/02/18 职场文书
旅游市场营销方案
2014/03/09 职场文书
内蒙古鄂尔多斯市市长寄语
2014/04/10 职场文书
2014旅游局党组书记党建工作汇报材料
2014/11/02 职场文书
施工员岗位职责范本
2015/04/11 职场文书
2016中秋节问候语
2015/11/11 职场文书
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis
Python import模块的缓存问题解决方案
2021/06/02 Python
windows11怎么查看自己安装的版本号? win11版本号的查看方法
2021/11/21 数码科技