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 相关文章推荐
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
jquery下json数组的操作实现代码
Aug 09 Javascript
jQuery插件开发详细教程
Jun 06 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
Mar 11 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
Dec 24 Javascript
详解微信小程序开发之城市选择器 城市切换
Jan 17 Javascript
javascript实现右下角广告框效果
Feb 01 Javascript
纯JS实现只能输入数字的简单代码
Jun 21 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 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
获得Google PR值的PHP代码
2007/01/28 PHP
利用discuz实现PHP大文件上传应用实例代码
2008/11/14 PHP
微信公众号点击菜单即可打开并登录微站的实现方法
2014/11/14 PHP
php选择排序法实现数组排序实例分析
2015/02/16 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
文本框中,回车键触发事件的js代码[多浏览器兼容]
2010/06/07 Javascript
IE6、IE7中获取Button元素的值的bug说明
2011/08/28 Javascript
JS获取select-option-text_value的方法
2013/12/26 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
jQuery实现的在线答题功能
2015/04/12 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
2016/05/26 Javascript
JavaScript中apply方法的应用技巧小结
2016/09/29 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
2016/12/26 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
Ajax和Comet技术总结
2017/02/19 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
ES6中的类(Class)示例详解
2020/12/09 Javascript
[07:49]2014DOTA2国际邀请赛 Newbee夺冠后采访xiao8坦言奖金会上交
2014/07/23 DOTA
Python正则表达式介绍
2012/08/06 Python
使用pandas模块读取csv文件和excel表格,并用matplotlib画图的方法
2018/06/22 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
django的settings中设置中文支持的实现
2019/04/28 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
Linux操作面试题
2012/05/16 面试题
总经理秘书岗位职责
2014/03/17 职场文书
中华美德颂演讲稿
2014/05/20 职场文书
工地标语大全
2014/06/18 职场文书
教师自我剖析材料
2014/09/29 职场文书
求职自荐信范文(优秀篇)
2015/03/27 职场文书
环保建议书范文
2015/09/14 职场文书
辞职申请书范本
2019/05/20 职场文书
Redis 哨兵机制及配置实现
2022/03/25 Redis