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练习之表单验证实现代码
Dec 14 Javascript
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
关于JS字符串函数String.replace()
Apr 07 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
Jul 26 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
Sep 14 Javascript
js改变css样式的三种方法推荐
Jun 28 Javascript
JS双击变input框批量修改内容
Dec 12 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
JavaScript中创建原子的方法总结
Aug 26 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
微信小程序使用字体图标的方法
May 23 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 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/10/03 PHP
用PHP的超级变量$_POST获取HTML表单(HTML Form) 数据
2011/05/07 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
php从字符串创建函数的方法
2015/03/16 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
php文件管理基本功能简单操作
2017/01/16 PHP
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
2012/04/15 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
JavaScript简单实现弹出拖拽窗口(二)
2016/06/17 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
2020/08/27 Javascript
微信小程序 本地存储及登录页面处理实例详解
2017/01/11 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
vue实现的封装全局filter并统一管理操作示例
2020/02/02 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
matlab 计算灰度图像的一阶矩,二阶矩,三阶矩实例
2020/04/22 Python
使用Python将图片转正方形的两种方法实例代码详解
2020/04/29 Python
Python实现EM算法实例代码
2020/10/04 Python
Java程序员面试题
2013/07/15 面试题
旅游管理专业学生求职信
2013/09/28 职场文书
运动会通讯稿100字
2014/01/31 职场文书
美术毕业生求职信
2014/02/25 职场文书
农村产权制度改革实施方案
2014/03/21 职场文书
关爱留守儿童倡议书
2014/04/15 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2014年幼儿园保育工作总结
2014/12/02 职场文书
财务部会计岗位职责
2015/02/03 职场文书
golang 实现Location跳转方式
2021/05/02 Golang
CentOS安装Nginx并部署vue
2022/04/12 Servers