`

jquery filter(),not(),split()用法

 
阅读更多

 

 

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>

 

分享到：
| 解决从spring上下午中读取的bean保存 No Hi ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery(split分割)

    通过本文的学习，我们不仅了解了如何使用 jQuery 实现字符串的分割功能，还掌握了 split 方法的基本用法及扩展应用场景。在实际项目开发中，合理运用这些技术可以有效提升代码的效率和可维护性。希望本文对你有所...

    jquery.multiselect.filter

    本文将深入探讨该插件的使用方法、功能特性以及实现原理。 1. 插件简介 "jQuery Multiselect Filter"是基于jQuery库的一个扩展，主要功能是在多选下拉框中添加实时搜索过滤功能。通过在下拉框上方添加一个输入框，...

    jquery 用法 (function($) {})(jQuery);的用法

    页面前端 jquery 用法 (function($) {})(jQuery);的用法

    jquery.multiselect.filter.zip

    在实际应用中，使用jQuery Multiselect Filter插件非常简单。首先，确保引入了jQuery库，然后引入`jquery.multiselect.filter.js`和`jquery.multiselect.filter.css`。接着，选择需要增强的`&lt;select&gt;`元素，并调用`....

    jQuery is not defined 错误原因与解决方法小结

    以上就是解决“jQuery is not defined”错误的一些常见方法。不过，在实际操作中，错误的原因可能还需要结合具体项目的情况进行分析。例如，如果项目是使用某些框架（如Node.js构建的项目）和模块打包工具（如...

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

    在jQuery库中，提供了很多实用的方法来筛选和操作DOM元素，其中filter()、not()和split()方法是常用的几个函数，它们分别用于筛选元素、排除元素和分割字符串。 1. filter()方法 filter()方法是jQuery中的一个筛选...

    ajaxFileUpload 报这错jQuery.handleError is not a function

    当你遇到“jQuery.handleError is not a function”的错误时，这意味着在使用ajaxFileUpload过程中，程序尝试调用jQuery的一个错误处理方法，但这个方法在当前版本的jQuery中并未定义。这个问题通常出现在从较旧的...

    jQuery tablefilter demo

    要使用jQuery tablefilter，首先你需要在你的项目中引入jQuery库和tablefilter插件的脚本文件。通常，这会在HTML头部通过`&lt;script&gt;`标签完成，确保jQuery在tablefilter之前加载，因为tablefilter依赖于jQuery。 ```...

    jQuery中的jQuery()方法用法分析

    在实例中，我们看到如何使用jQuery()方法选取元素并改变其样式。例如，点击按钮后，所有`&lt;li&gt;`元素的字体颜色变为红色： ```javascript $("button").click(function(){ $("li").css("color","red"); }) ``` 另一个...

    jquery.qrcode生成二维码demo

    使用方法 `jQuery.qrcode()` 函数是该插件的主要接口，用于在指定元素内生成二维码。基本使用方式如下： ```javascript $("#someElement").qrcode({ text: "要编码的内容", width: 128, // 宽度，默认为 128 ...

    jQuery filter函数使用方法

    以下是对标题“jQuery filter函数使用方法”中知识点的详细解释。 首先，我们需要了解什么是wrapper set（包装集）。在jQuery中，当我们选择一组DOM元素并对其进行操作时，这组元素被封装在一个jQuery对象中，可以...

    jquery简单用法大全

    2. **链式操作**: jQuery对象支持链式调用，这意味着一个方法调用结束后可以直接调用另一个方法，如`$("#element").hide().fadeIn()` 3. **DOM操作**: jQuery提供了便利的DOM操作方法，如`append()`用于在元素末尾...

    jQuery计算器插件jQuery SimpleCalculadora

    **使用方法** 1. **引入jQuery**：首先确保页面已经引入了jQuery库，可以使用CDN链接或本地文件。 2. **下载插件**：获取SimpleCalculadora插件文件，包括CSS样式表和JavaScript脚本。 3. **添加HTML结构**：在...

    jQuery中filter()方法用法实例

    本文将详细介绍`filter()`方法的功能、定义以及多种使用技巧，帮助开发者更好地理解和运用这一方法。 首先，`filter()`方法的基本语法结构有三种： 1. 筛选出与指定表达式匹配的元素集合： ```javascript $...

    jQuery.validate 用法

    本文将深入探讨jQuery.validate的使用方法以及源码解析，帮助开发者更好地理解和运用这一工具。 首先，我们来了解一下jQuery.validate的基本用法。引入jQuery和jQuery.validate库后，我们可以通过调用`$("#formID")...

    jQuery中:not选择器用法实例

    本文实例讲述了jQuery中not选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够移除元素集合中与给定选择器匹配的元素。 语法结构: 代码如下:$(“:not(selector)”) 此选择器一般也要和其他选择器配合...

    jQuery中not()方法用法实例

    本文将深入探讨`not()`方法的用法，包括它的功能、定义以及如何在不同场景下使用。 首先，`not()`方法的基本语法是： ```javascript $(selector).not(expr) ``` 在这里，`selector` 是一个jQuery选择器，用于选取...

    JqueryApi Jquery实例 Jquery归纳 Jquery学习方法

    这个资源 可以使你全面的掌握 JQuery，里面有我告诉你如何学习Jquery如何使用Jquery，里面还有Jquery的例子，还有Jquery的拓展UI，很好很强大的！！！这绝对是我精心压缩的一个资源，如果没学会，可以给我留言，然后...

    jquery-3.7.0.min.js（jQuery下载）

    jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）...

Magicbox
Global site tag (gtag.js) - Google Analytics