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 对象模型 执行模型
Oct 15 Javascript
JavaScript中清空数组的三种方法分享
Apr 07 Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
Apr 08 Javascript
javascript中普通函数的使用介绍
Dec 19 Javascript
document.write的几点使用心得
May 14 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
JS实现仿微信支付弹窗功能
Jun 25 Javascript
vue-router传参用法详解
Jan 19 Javascript
canvas绘制折线路径动画实现
May 12 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 变量的定义方法
2010/01/26 PHP
学习php分页代码实例
2013/10/24 PHP
php实现计数器方法小结
2015/01/05 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
onkeydown事件解决按回车键直接提交数据的需求
2013/04/11 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
鼠标焦点离开文本框时验证的js代码
2013/07/19 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
JavaScript 事件绑定及深入
2015/04/13 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
2015/12/04 Javascript
全面解析Angular中$Apply()及$Digest()的区别
2016/08/04 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
2017/07/10 Javascript
写给vue新手们的vue渲染页面教程
2017/09/01 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
JS实现换肤功能的方法实例详解
2019/01/30 Javascript
ios中视频的最后一桢问题解决
2019/05/14 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
Python面向对象之类的内置attr属性示例
2018/12/14 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
python 常见的排序算法实现汇总
2020/08/21 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
多视角3D可旋转的HTML5 Logo动画
2016/03/02 HTML / CSS
关于老式浏览器兼容HTML5和CSS3的问题
2016/06/01 HTML / CSS
小学生运动会报道稿
2014/09/12 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书
七年级作文之雪景
2019/11/18 职场文书