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 相关文章推荐
jquery常用特效方法使用示例
Apr 25 Javascript
js关于命名空间的函数实例
Feb 05 Javascript
jQuery页面刷新(局部、全部)问题分析
Jan 09 Javascript
限制复选框最多选择项的实现代码
May 30 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
Jun 24 Javascript
JavaScript算法系列之快速排序(Quicksort)算法实例详解
Sep 04 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
ajax实现动态下拉框示例
Jan 10 Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
微信小程序配置服务器提示验证token失败的解决方法
Apr 03 Javascript
详解Vue.js 响应接口
Jul 04 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开发过程中常用函数收藏
2009/12/14 PHP
Smarty变量用法详解
2016/05/11 PHP
javascript 传统事件模型构造的事件监听器实现代码
2010/05/31 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
node.js中的http.response.addTrailers方法使用说明
2014/12/14 Javascript
jQuery实现列表内容的动态载入特效
2015/08/08 Javascript
js实现仿qq消息的弹出窗效果
2016/01/06 Javascript
window.open不被拦截的简单实现代码(推荐)
2016/08/04 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
2016/12/02 Javascript
Angularjs2不同组件间的通信实例代码
2017/05/06 Javascript
NodeJs入门教程之定时器和队列
2019/03/08 NodeJs
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
layui内置模块layim发送图片添加加载动画的方法
2019/09/23 Javascript
15分钟学会vue项目改造成SSR(小白教程)
2019/12/17 Javascript
js实现旋转木马轮播图效果
2020/01/10 Javascript
微信小程序自定义顶部组件customHeader的示例代码
2020/06/03 Javascript
[53:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第三场 6.2
2018/06/03 DOTA
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python 备份程序代码实现
2017/03/06 Python
Anaconda多环境多版本python配置操作方法
2017/09/12 Python
在python中使用requests 模拟浏览器发送请求数据的方法
2018/12/26 Python
python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法
2019/08/27 Python
python的json中方法及jsonpath模块用法分析
2019/12/06 Python
Django 设置admin后台表和App(应用)为中文名的操作方法
2020/05/10 Python
HTML5 canvas基本绘图之绘制五角星
2016/06/27 HTML / CSS
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
医院实习介绍信
2014/01/12 职场文书
大学生个人求职口试自我评价
2014/02/16 职场文书
支部鉴定材料
2014/06/02 职场文书
委托证明范本
2014/11/25 职场文书
五年级学生评语大全
2014/12/26 职场文书
鉴史问廉观后感
2015/06/10 职场文书
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android