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 相关文章推荐
htm调用JS代码
Mar 15 Javascript
Ruffy javascript 学习笔记
Nov 30 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
js history对象简单实现返回和前进
Oct 30 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
jquery选择符快速提取web表单数据示例
Mar 27 Javascript
JavaScript中实现Map的示例代码
Sep 09 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
Feb 23 Javascript
Vue.js父与子组件之间传参示例
Feb 28 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
angular 实时监听input框value值的变化触发函数方法
Aug 31 Javascript
Vue 实现可视化拖拽页面编辑器
Feb 01 Vue.js
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
Discuz 6.0+ 批量注册用户名
2009/09/13 PHP
php array_merge_recursive 数组合并
2016/10/26 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
如何在PHP中使用AES加密算法加密数据
2020/06/24 PHP
PHP mkdir创建文件夹实现方法解析
2020/11/13 PHP
js 替换
2008/02/19 Javascript
js 图片轮播(5张图片)
2008/12/30 Javascript
javascript 对象数组根据对象object key的值排序
2015/03/09 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
2015/08/24 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
深究AngularJS之ui-router详解
2017/06/13 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
vue抽出组件并传值实例
2020/07/31 Javascript
巧用python和libnmapd,提取Nmap扫描结果
2016/08/23 Python
python 截取 取出一部分的字符串方法
2017/03/01 Python
Python实现PS图像明亮度调整效果示例
2018/01/23 Python
python中找出numpy array数组的最值及其索引方法
2018/04/17 Python
python 实现读取csv数据,分类求和 再写进 csv
2020/05/18 Python
计算机系毕业生推荐信
2013/11/06 职场文书
超市业务员岗位职责
2013/12/05 职场文书
幼儿园家长会欢迎词
2014/01/09 职场文书
七年级数学教学反思
2014/01/22 职场文书
早会主持词
2014/03/17 职场文书
《英英学古诗》教学反思
2014/04/11 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
公司离职证明标准样本
2014/10/05 职场文书
2014年辅导员工作总结
2014/11/18 职场文书
资料员岗位职责
2015/02/10 职场文书
水知道答案观后感
2015/06/08 职场文书