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 相关文章推荐
关于document.cookie的使用javascript
Apr 11 Javascript
javascript中万恶的function实例分析
May 25 Javascript
jquery获取iframe中的dom对象(两种方法)
Jul 02 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 Javascript
在IE8上JS实现combobox支持拼音检索功能
May 23 Javascript
jQuery多个版本和其他js库冲突的解决方法
Aug 11 Javascript
js实现瀑布流效果(自动生成新的内容)
Mar 16 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
Feb 08 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
Mar 08 Javascript
JS实现快递单打印功能【推荐】
Jun 21 Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
May 16 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图片加水印原理(超简单的实例代码)
2013/01/18 PHP
php+jquery+html实现点击不刷新加载更多的实例代码
2016/08/12 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
在TP5数据库中四个字段实现无限分类的示例
2019/10/18 PHP
5款Javascript颜色选择器
2009/10/25 Javascript
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
jquery创建并行对象或者合并对象的实现代码
2012/10/10 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
利用了jquery的ajax实现二级联互动菜单
2013/12/02 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
2013/12/11 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
什么是 AngularJS?AngularJS简介
2014/12/06 Javascript
JS继承用法实例分析
2015/02/05 Javascript
JavaScript运算符小结
2015/06/03 Javascript
简介JavaScript中search()方法的使用
2015/06/06 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
jQuery网页定位导航特效实现方法
2016/12/19 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
JS轮播图中缓动函数的封装
2020/11/25 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
2018/08/17 Javascript
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
跟老齐学Python之一个免费的实验室
2014/09/14 Python
详解python字节码
2018/02/07 Python
Python爬虫设置代理IP(图文)
2018/12/23 Python
利用Python实现微信找房机器人实例教程
2019/03/10 Python
Python3.5面向对象与继承图文实例详解
2019/04/24 Python
纯CSS改变webkit内核浏览器的滚动条样式
2014/04/17 HTML / CSS
Weblogic的布署方式
2013/08/23 面试题
Order by的几种用法
2013/06/16 面试题
《草虫的村落》教学反思
2014/02/16 职场文书
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
小学教师先进事迹材料
2014/12/15 职场文书
浅谈Python数学建模之整数规划
2021/06/23 Python
Go语言编译原理之变量捕获
2022/08/05 Golang