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编程起步(第三课)
Feb 27 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
Sep 16 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
Sep 01 Javascript
jQuery布局插件UI Layout简介及使用方法
Apr 03 Javascript
jquery处理json对象
Nov 03 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
再谈javascript注入 黑客必备!
Sep 14 Javascript
vue + socket.io实现一个简易聊天室示例代码
Mar 06 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
webpack4 optimization使用总结
Nov 10 Javascript
Ant Design的Table组件去除
Oct 24 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一些公用函数的集合
2008/03/27 PHP
php在数据库抽象层简单使用PDO的方法
2015/11/03 PHP
基于PHP生成简单的验证码
2016/06/01 PHP
PHP chr()函数讲解
2019/02/11 PHP
JavaScript关于select的相关操作说明
2010/01/13 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
解析JavaScript中的标签语句
2013/06/19 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
2014/02/04 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
javascript动态控制服务器控件实例
2014/09/05 Javascript
javascript进行四舍五入方法汇总
2014/12/16 Javascript
基于jQuery实现左右图片轮播(原理通用)
2015/12/24 Javascript
你所未知的3种Node.js代码优化方式
2016/02/25 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
2016/08/11 Javascript
浅谈JavaScript的自动垃圾收集机制
2016/12/15 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
2018/04/26 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
Python实现ssh批量登录并执行命令
2016/10/25 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
如何基于python测量代码运行时间
2019/12/25 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
Python爬虫实现百度翻译功能过程详解
2020/05/29 Python
Selenium之模拟登录铁路12306的示例代码
2020/07/31 Python
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
HTML5 canvas基本绘图之绘制五角星
2016/06/27 HTML / CSS
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
QA工程师岗位职责
2013/11/20 职场文书
社会实践活动总结报告
2014/04/29 职场文书
银行进社区活动总结
2014/07/07 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python
Vue深入理解插槽slot的使用
2022/08/05 Vue.js