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 图片缩放效果代码
Jun 09 Javascript
一段批量给页面上的控件赋值js
Jun 19 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
Feb 22 Javascript
创建、调用JavaScript对象的方法集锦
Dec 24 Javascript
详解JavaScript ES6中的Generator
Jul 28 Javascript
轻松实现jquery手风琴效果
Jan 14 Javascript
学好js,这些js函数概念一定要知道【推荐】
Jan 19 Javascript
MUI  Scroll插件的使用详解
Apr 13 Javascript
Vuex mutitons和actions初使用详解
Mar 04 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
Mar 06 Javascript
原生js实现轮播图特效
May 04 Javascript
vue3.0 自适应不同分辨率电脑的操作
Feb 06 Vue.js
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中memcache的应用
2013/06/18 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
让你的博文自动带上缩址的实现代码,方便发到微博客上
2010/12/28 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
JavaScript获得url所有参数键值表的方法
2015/03/21 Javascript
JavaScript中var关键字的使用详解
2015/08/14 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
Gauss-Seidel迭代算法的Python实现详解
2019/06/29 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
python opencv调用笔记本摄像头
2019/08/28 Python
python 实现线程之间的通信示例
2020/02/14 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
OpenCV图片漫画效果的实现示例
2020/08/18 Python
Python制作一个仿QQ办公版的图形登录界面
2020/09/22 Python
Python self用法详解
2020/11/28 Python
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
施华洛世奇日本官网:SWAROVSKI日本
2018/05/04 全球购物
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
用C#语言写出与SQLSERVER访问时的具体过程
2013/04/16 面试题
岗位职责定义及内容
2013/11/08 职场文书
医科大学生的自我评价
2013/12/04 职场文书
信息专业毕业生五年职业规划参考
2014/02/06 职场文书
2015年班组工作总结
2015/04/20 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL