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 相关文章推荐
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
js统计页面的来访次数实现代码
May 09 Javascript
Js+Jq获取URL参数的集中方法示例代码
May 20 Javascript
ECMAScript6函数默认参数
Jun 12 Javascript
jQuery根据元素值删除数组元素的方法
Jun 24 Javascript
微信JSSDK上传图片
Aug 23 Javascript
AngularJS指令详解及示例代码
Aug 16 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
Javascript中的getter和setter初识
Aug 17 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
Dec 06 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
Jan 09 Javascript
Vue3.0结合bootstrap创建多页面应用
May 28 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数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
php页面,mysql数据库转utf-8乱码,utf-8编码问题总结
2015/08/27 PHP
php实现的读取CSV文件函数示例
2017/02/07 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
phpStudy vscode 搭建debug调试的教程详解
2020/07/28 PHP
用javascript实现分割提取页面所需内容
2007/05/09 Javascript
新发现一个骗链接的方法(js读取cookies)
2012/01/11 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
用jquery仿做发微博功能示例
2014/04/18 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
JS创建事件的三种方法(实例代码)
2016/05/12 Javascript
使用RequireJS库加载JavaScript模块的实例教程
2016/06/06 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
2020/04/16 Javascript
form表单转Json提交的方法(推荐)
2016/09/23 Javascript
js 事件的传播机制(实例讲解)
2017/07/20 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
[00:32]DOTA2上海特级锦标赛 COL战队宣传片
2016/03/04 DOTA
python中定义结构体的方法
2013/03/04 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
python 实现线程之间的通信示例
2020/02/14 Python
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
POP文化和音乐灵感的时尚:Hot Topic
2019/06/19 全球购物
学生感冒英文请假条
2014/02/04 职场文书
交通事故委托书范本
2014/09/28 职场文书
2014年社区民政工作总结
2014/12/02 职场文书
不知如何爱孩子,这些方法教会您
2019/08/06 职场文书
python数据库批量插入数据的实现(executemany的使用)
2021/04/30 Python
Python pygame实现中国象棋单机版源码
2021/06/20 Python