jQuery中filter(),not(),split()的用法

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():

split() 方法用于把一个字符串分割成字符串数组。语法stringObject.split(separator,howmany)参数	描述separator	必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。howmany	可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。返回值一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)
<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>

求助:filter在Firefox里出错,不知道是不是我写的不对?
 
var stext = $(data).filter(‘#content‘).html();
 
data是通过ajax取回的内容,我想进行筛选,只要取回内容里的ID为content的部分。

样的写法在IE里一切正常,不知道为什么在Firefox里就不行,用Firebug来进行查找错误,提示是jquery-1.2.1.js里第1521
行的“f = (‘false||function(a,i){return ‘ + f +
‘}‘);”这段有问题,不知道是不是BUG,也不知道该如何处理。折腾N久,近乎崩溃了!没办法,本人刚接触jQuery,还是个小菜鸟。
 
 
这个问题已经自己解决!
不知道有没有人遇到同样的问题,但我想还是分享一下自己的经验!

filter进行筛选的时候,固定的数据如 march.hu 所说的那个(var data =
"<p>第一段</p><p
id=‘second‘>第二段</p>";),这种没有关系,但用AJAX取回动态数据进行筛选的时候,必须同时指定标签类型和
ID,才能正常进行筛选,要不然在Firefox下会出错。
错误的:var stext = $(data).filter(‘#content‘).html();
正确的:var stext = $(data).filter(‘div#content‘).html();

时间: 2024-10-21 05:40:04

jQuery中filter(),not(),split()的用法的相关文章

jQuery中的text(),html(),val()用法

jQuery中的text(),html(),val()用法 text():获取或者改变指定元素的文本 html():获取或改变指定元素的html元素以及文本 val():获取或者改变指定元素的value值(一般是表单元素) 以上3个都是jquery类库中的语法 作用都是获得当前对象的value值(一般是表单元素) 只是,this.value是js的原生语法,$(this).val()是jquery的语法 使用this.value无需引入任何库文件,而$(this).val()则需要引入jquer

关于Jquery中ajax方法data参数用法的总结

jquery手册描述: data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQuery 将自动为不同值对应同一个名称.如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'. 示例: $.ajax({    type: "POST",    u

jquery中filter(fn)的使用研究

jquery中filter(fn)给出的官方说明是: 筛选出与指定函数返回值匹配的元素集合 这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除,否则就会保留. 这个说明没有问题,可是给出的例子却有问题.例子是 HTML 代码: <p><ol><li>Hello</li></ol></p><p>How are you?</p> jQuery 代码: $(&

jquery中append跟prepend的用法

jquery中append和prepend的用法 append   是插入到元素中,并放到元素内的最后面prepend  是插入到元素中,并放到元素内的最前面例$("body").prepend('<form id="form01" name="user_name" action="login.php" method="post" $amp;>amp;$lt;/form$amp;>apos

jquery中this与$(this)的用法区别

jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的. 但是如果将this换成$(this)就不是那回事了,就会报错了. 以下写法是错误的

jquery中filter的用法

一.filter的参数类型可分为两种 1.传递选择器 $('a').filter('.external') 2.传递过滤函数 $('a').filter(function(index) {        return $(this).hasClass('external');    }) 二.Jquery中find与filter区别 1.find()会在div元素内 寻找 class为classname的元素.2.filter()则是筛选div的class为classname的元素.3.基本是f

python中filter,reduce,map的用法

filter的用法: 操作表list的内嵌函数'filter' 需要一个函数与一个list它用这个函数来决定哪个项应该被放入过滤结果队列中遍历list中的每一个值,输入到这个函数中如果这个函数返回True, 那么值就放到过滤结果队列中去如果这个函数返回 False,那么这个值就会被跳过 def pick_num(x): if x%3==0: return x r=[2,4,6,8,10] result=list(filter(pick_num,r)) reduce用法: 操作表list的内嵌函数

jQuery中queue和dequeue的用法

jQuery中的queue和dequeue是一组很有用的方法,他们对于一系列需要按次序运行的函数特别有用.特别animate动画,ajax,以及timeout等需要一定时间的函数 queue和dequeue的过程主要是:1,用queue把函数加入队列(通常是函数数组)2,用dequeue将函数数组中的第一个函数取出,并执行(用shift()方法取出并执行) 也就意味着当再次执行dequeue的时候,得到的是另一个函数了同时也意味着,如果不执行dequeue,那么队列中的下一个函数永远不会执行 对

jQuery中$()函数的7种用法汇总

前言 jQuery对象是一个类数组的对象,含有连续的整形属性以及一系列的jQuery方法.它把所有的操作都包装在一个jQuery()函数中,形成了统一(也是惟一)的操作入口.其中我们用的非常频繁的一个函数是$()或者说是jQuery(),当我们调用他的时候会根据传入的参数的不同而达到不同的效果. 接下来会一一说一下这7中用法,欢迎大家指正其中不正确的地方. 简要的说是:接收一个css选择器表达式(selector)和可选的选择器上下文(context),返回一个包含了匹配的DOM元素的jQuer