jQuery中filter(),not(),split()使用方法_jquery

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>

时间: 2024-10-06 05:21:43

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

JQuery中操作Css样式的方法_jquery

复制代码 代码如下: //1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#two").attr("class","divClass")设置Id为two的class属性. //2.追加样式 $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2 //3.移除

JQuery中解决重复动画的方法_jquery

下面我们就来总结一下几个JQuery中解决重复动画的办法 ,这里有几个常见的动画效果,它们分别是:图片滚动轮播,回到页面顶部,联级菜单滑出,手风琴. 图片滚动: $("#banner-min-img1").mouseover(function (){ $("#banner-img").animate({left:"0px"},300)} $("#banner-min-img2").mouseover(function (){

解析prototype,JQuery中跳出each循环的方法_jquery

复制代码 代码如下: function chk(){        var flag=true;        var msg='';        var tips={'username':'姓名','tel':'电话','company':'公司名称','loupan_name':'楼盘名','sdate':'团购时间','content_1':'团购内容'};        $$('.required').each(function(el){            if($F(el).bl

jQuery中filter(),not(),split() find与filter函数使用方法

filter()和not(): <script type="text/网页特效"> $(document).ready(function() { //输出 hello alert($("p").filter(".selected").html()); //输出 how are you? alert($("p").not(".selected").html()); }); </script&

深入解析jQuery中Deferred的deferred.promise()方法_jquery

deferred.promise() 和 .promise() 这两个API语法几乎一样,但是有着很大的差别.deferred.promise()是Deferred实例的一个方法,他返回一个Deferred.Promise实例.一个Deferred.Promise对象可以理解为是deferred对象的一个视图,它只包含deferred对象的一组方法,包括:done(),then(),fail(),isResolved(), isRejected(), always(),这些方法只能观察一个def

jquery中filter方法用法实例分析_jquery

本文实例讲述了jquery中filter方法用法.分享给大家供大家参考.具体分析如下: filter()方法将匹配元素集合缩减为匹配指定选择器的元素. filter方法中的参数可以为字符串值,包含供匹配当前元素集合的选择器表达式.  一.filter的参数类型可分为两种  1.传递选择器 $('a').filter('.external')   2.传递过滤函数 复制代码 代码如下: $('a').filter(function(index) {         return $(this).h

jquery中filter方法用法实例分析

 这篇文章主要介绍了jquery中filter方法用法,实例分析了filter方法的功能并对比了与find方法的区别,需要的朋友可以参考下     本文实例讲述了jquery中filter方法用法.分享给大家供大家参考.具体分析如下: filter()方法将匹配元素集合缩减为匹配指定选择器的元素. filter方法中的参数可以为字符串值,包含供匹配当前元素集合的选择器表达式. 一.filter的参数类型可分为两种 1.传递选择器 $('a').filter('.external') 2.传递过滤

JQuery中attr方法和removeAttr方法用法实例_jquery

本文实例讲述了JQuery中attr方法和removeAttr方法用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

Jquery中使用show()与hide()方法动画显示和隐藏图片_jquery

(1)功能描述 在页面中单击"显示"连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式:单击已显示的图片时,通过hide()以动画的方式隐藏该图片. (2)实现代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d