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操作复选框checkbox的方法汇总
Feb 05 Javascript
JavaScript实现页面5秒后自动跳转的方法
Apr 16 Javascript
javascript仿百度输入框提示自动下拉补全
Jan 07 Javascript
JavaScript中获取HTML元素值的三种方法
Jun 20 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 Javascript
JS库之ParticlesJS使用简介
Sep 12 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
Oct 29 Javascript
详解Vue中的Props与Data细微差别
Mar 02 Javascript
vue实现户籍管理系统
May 29 Javascript
angular异步验证器防抖实例详解
Mar 31 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
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
laravel5.5添加echarts实现画图功能的方法
2019/10/09 PHP
laravel orm 关联条件查询代码
2019/10/21 PHP
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
2012/02/07 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
jquery触发a标签跳转事件示例代码
2013/07/21 Javascript
自己编写的类似JS的trim方法
2013/10/09 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
es6中let和const的使用方法详解
2020/02/24 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
2020/11/17 Javascript
[04:27]DOTA2官方论坛水友赛集锦
2013/09/16 DOTA
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
详解Python3.6的py文件打包生成exe
2018/07/13 Python
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
解决pycharm启动后总是不停的updating indices...indexing的问题
2019/11/27 Python
Pycharm远程连接服务器并实现代码同步上传更新功能
2020/02/25 Python
用ldap作为django后端用户登录验证的实现
2020/12/07 Python
python Scrapy爬虫框架的使用
2021/01/21 Python
HTTP状态码详解
2021/03/18 杂记
创联软件面试题笔试题
2012/10/07 面试题
办公室前台的岗位职责
2013/12/20 职场文书
三年大学自我鉴定
2014/01/16 职场文书
2014自主招生自荐信策略
2014/01/27 职场文书
红领巾广播站广播稿
2014/02/01 职场文书
校园公益广告语
2014/03/13 职场文书
公历12个月名称的由来
2022/04/12 杂记