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 相关文章推荐
javascript实现input file上传图片预览效果
Dec 31 Javascript
AngularJS 基础ng-class-even指令用法
Aug 01 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
Aug 28 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
Mar 13 Javascript
全面分析JavaScript 继承
May 30 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 Javascript
JavaScript cookie原理及使用实例
May 08 Javascript
利用js实现简易红绿灯
Oct 15 Javascript
Vue + ts实现轮播插件的示例
Nov 10 Javascript
uniapp开发小程序的经验总结
Apr 08 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
国外比较好的几个的Php开源建站平台小结
2010/04/22 PHP
PHP中最容易忘记的一些知识点总结
2013/04/28 PHP
深入file_get_contents与curl函数的详解
2013/06/25 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
js 学习笔记(三)
2009/12/29 Javascript
理解Javascript_08_函数对象
2010/10/15 Javascript
JS二维数组的定义说明
2014/03/03 Javascript
用js的document.write输出的广告无阻塞加载的方法
2014/06/05 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
2016/05/18 Javascript
AngularJS使用ng-options指令实现下拉框
2016/08/23 Javascript
原生js实现验证码功能
2017/03/16 Javascript
js随机生成一个验证码
2017/06/01 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
Node.js使用gm拼装sprite图片
2017/07/04 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
2017/08/17 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
2017/09/20 Javascript
nodejs检测因特网是否断开的解决方案
2019/04/17 NodeJs
ES6模板字符串和标签模板的应用实例分析
2019/06/25 Javascript
Vue.js组件通信之自定义事件详解
2019/10/19 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
用python结合jieba和wordcloud实现词云效果
2017/09/05 Python
python实现发送邮件功能代码
2017/12/14 Python
python 把列表转化为字符串的方法
2018/10/23 Python
一篇文章弄懂Python中所有数组数据类型
2019/06/23 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
基于html5 canvas实现漫天飞雪效果实例
2014/09/10 HTML / CSS
.NET程序员的数据库面试题
2012/10/10 面试题
应届生求职自荐信
2014/07/04 职场文书
纪录片信仰观后感
2015/06/08 职场文书
Python批量解压&压缩文件夹的示例代码
2022/04/04 Python