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 相关文章推荐
js动态生成指定行数的表格
Jul 11 Javascript
判断window.onload是否多次使用的方法
Sep 21 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
Jan 27 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 Javascript
浅谈js script标签中的预解析
Dec 30 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
使用JavaScript实现node.js中的path.join方法
Aug 12 Javascript
17道题让你彻底理解JS中的类型转换
Aug 08 Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 Javascript
vue+iview使用树形控件的具体使用
Nov 02 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中使用XML
2006/10/09 PHP
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
PHP内核探索:哈希表碰撞攻击原理
2015/07/31 PHP
PHP中如何防止外部恶意提交调用ajax接口
2016/04/11 PHP
PHP邮箱验证示例教程
2016/06/01 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
ThinkPHP5.1验证码功能实现的示例代码
2020/06/08 PHP
js可突破windows弹退效果代码
2008/08/09 Javascript
一个可以随意添加多个序列的tag函数
2009/07/21 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
Vue过滤器的用法和自定义过滤器使用
2017/02/08 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
2018/08/17 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
如何让微信小程序页面之间的通信不再变困难
2019/06/03 Javascript
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
基于layui的下拉列表的数据回显方法
2019/09/24 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
2020/06/01 Javascript
结合axios对项目中的api请求进行封装操作
2020/09/21 Javascript
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
Python 使用SFTP和FTP实现对服务器的文件下载功能
2020/12/17 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
澳大利高级泳装品牌:Bondi Born
2018/05/23 全球购物
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
最新教师自我评价分享
2013/11/12 职场文书
优秀员工年终发言演讲稿
2014/01/01 职场文书
英语自我介绍演讲稿
2014/09/01 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
2015年销售内勤工作总结
2015/04/27 职场文书
创业计划书之面包店
2019/09/12 职场文书
Golang原生rpc(rpc服务端源码解读)
2022/04/07 Golang
Spring Boot项目如何优雅实现Excel导入与导出功能
2022/06/10 Java/Android