1、jQuery.merge()方法

$.merge() 函数用于合并两个数组内容到第一个数组。*$*.merge( first, second )

$(function () {

	var arr = $.merge( [0,1,2], [2,3,4] );

	$("span").text(arr.join(", "));

})

2、jQuery.inArray()方法

$.inArray() 函数用于在数组中查找指定值，并返回它的索引值（如果没有找到，则返回-1） 提示：源数组不会受到影响，过滤结果只反映在返回的结果数组中。 *$*.inArray( value, array [, fromIndex ] ) fromIndex ：可选参数，用以指定 从数组的某个索引开始查找，这相当于从数组指定索引到末端的 slice 中查找。找到则 返回索引值，找不到就返回 -1

实例 ：

rosterjson = $.grep(rosterjsonx,

				function(elem, index) {

					return ($.inArray(elem.employeeNo, emplyeeList[1]) != -1);

				}

			);

// 这是 一个 grep方法 和 inArray方法一起使用的例子。使用 inArray方法 作为 筛选条件，来对数组中的元素进行筛选

3、jQuery.each()方法

jQuery.each() 函数用于遍历指定的对象和数组。 *$*.each( object, callback )

$(function () {

	$.each([52, 97], function(index, value) {

  		alert(index + ': ' + value);

});

})

4、jQuery prop() 方法

rop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时，则返回第一个匹配元素的值。

当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。

提示：如需检索 HTML 属性，请使用 attr() 方法代替。

提示：如需移除属性，请使用 removeProp() 方法。

返回属性的值：

$(selector).prop(property)

设置属性和值：

$(selector).prop(property,value)

使用函数设置属性和值：

$(selector).prop(property,function(index,**currentvalue))

设置多个属性和值：

$(selector).prop({property:value, property:value,...})

实例 ：

$("input:radio[value='RE']").prop('checked', true); // 为 value值 为 RE 的 radio类型 input控件 设置为 选中状态

补充、 在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。不同之处如下：

attr()是jQuery 1.0版本就有的函数，prop()是jQuery 1.6版本新增的函数。毫无疑问，在1.6之前，你只能使用attr()函数；1.6及以后版本，你可以根据实际需要选择对应的函数。

对于表单元素的checked、selected、disabled等属性，在jQuery 1.6之前，attr()获取这些属性的返回值为Boolean类型：如果被选中(或禁用)就返回true，否则返回false。

但是从1.6开始，使用attr()获取这些属性的返回值为String类型，如果被选中(或禁用)就返回checked、selected或disabled，否则(即元素节点没有该属性)返回undefined。并且，在某些版本中，这些属性值表示文档加载时的初始状态值，即使之后更改了这些元素的选中(或禁用)状态，对应的属性值也不会发生改变。

因为jQuery认为：attribute的checked、selected、disabled就是表示该属性初始状态的值，property的checked、selected、disabled才表示该属性实时状态的值(值为true或false)。

因此，在jQuery 1.6及以后版本中，请使用prop()函数来设置或获取checked、selected、disabled等属性。对于其它能够用prop()实现的操作，也尽量使用prop()函数。

原文链接：https://blog.csdn.net/qq_40015157/article/details/110823718

$spans

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

<style>

	div {

		color: blue;

	}

	span {

		color: red;

	}

</style>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

</head>

<body>

<div>"John" 在索引值为 <span></span> 的位置被找到</div>

<div>4 在索引值为 <span></span> 的位置被找到</div>

<div>"Karl" 未被找到，所以返回 <span></span> </div>

<div>"Pete" 在数组中，但是不在索引值大于等于2的位置，所以返回 <span></span></div>

<script>

$(function () {

	var arr = [ 4, "Pete", 8, "John" ];

	var $spans = $( "span" );

	$spans.eq( 0 ).text( jQuery.inArray( "John", arr ) );

	$spans.eq( 1 ).text( jQuery.inArray( 4, arr ) );

	$spans.eq( 2 ).text( jQuery.inArray( "Karl", arr ) );

	$spans.eq( 3 ).text( jQuery.inArray( "Pete", arr, 2 ) );

})

</script>

</body>

</html>

一些常用的jQuery方法1_20220128的更多相关文章

  1. 原生js封装的一些jquery方法

    用js封装一些常用的jquery方法 记录一下 hasClass:判断是否有class function hasClass(ele, cls) { if (!ele || !cls) return f ...

  2. jquery常用函数与方法汇总

    1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队 ...

  3. jQuery中常用的函数方法

    jQuery中常用的函数方法总结 Ajax处理 load(url,[data],[callback]) url (String) : 待装入 HTML 网页网址. data (Map) : (可选) ...

  4. jquery常用的一些方法

    一.选择网页元素(标签选择器) $(document) //选择整个文档对象 $('#myId') //选择ID为myId的网页元素 $('div.myClass') // 选择class为myCla ...

  5. 两种常用的jquery事件加载的方法 的区别

    两种常用的jquery事件加载的方法   $(function(){});  window.onload=function(){}  第一个呢,是在DOM结构渲染完成以后调用的,这时候网页中一些资源还 ...

  6. jquery 常用选择器和方法以及遍历（超详细）

    jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...

  7. 前端基础-jQuery的最常用的的方法each、data、

    阅读目录 each inArray get index data 一.jQuery中each方法的应用 jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,其主要 ...

  8. 十五个常用的jquery代码段【转】

    好的文章顶一个 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: 1 // Back to top 2 $('a.t ...

  9. 十五个常用的jquery代码段

    十五个常用的jquery代码段 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: 1 // Back to top ...

  10. jquery】常用的jquery获取表单对象的属性与值

    [jquery]常用的jquery获取表单对象的属性与值 1.JQuery的概念 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的 ...

随机推荐

  1. java主线程等待多个子线程中任意一个有结果后,主线程继续执行

    1.背景 2.代码 package com.qianxingniwo.ls; import org.junit.Test; import java.util.concurrent.atomic.Ato ...

  2. 花样玩转“所见即所得”的可视化开发UI

    随着技术的发展,用户对软件的界面美观度和交互体验的要求越来越高.在这样的背景下,可视化开发UI(User Interface)成为了提升用户体验和开发效率的重要工具. 通过图形界面来设计和构建用户界面 ...

  3. Plateau-Rayleigh 不稳定性 + Young-Laplace 方程

    考虑竖直下落水柱中的 \(AB\) 两点 \[\begin{matrix} \displaystyle\frac12\rho U_0^2+\rho gz+P_A=\frac12\rho U^2(z)+ ...

  4. Mac M1 安装Homebrew

    /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

  5. 浅谈Integer缓存机制原理

    面试题引入 这里引申出一个经典问题,看下面代码 Integer a = 100; Integer b = 100; System.out.println(a == b);//true Integer ...

  6. Vue3.5新增的baseWatch让watch函数和Vue组件彻底分手

    前言 在Vue 3.5.0-beta.3版本中新增了一个base watch函数,这个函数用法和我们熟知的watch API一模一样.区别就是我们之前用的watch API是和Vue组件以及生命周期是 ...

  7. TeX Live 安装

    Ubuntu sudo apt install texlive-full 其他可用软件包: 软件包 压缩包 磁盘空间 texlive-latex-base 59 MB 216 MB texlive-l ...

  8. ASP.NET Core – Work with Environment (Development, Staging, Production)

    前言 这篇讲一讲发布和环境 (development, staging, production) 介绍 我的网站是 host 在 Azure 的 Virtual Machine, 跑 IIS, 没有使 ...

  9. Yarn 3.0 Plug'n'Play (PnP) 安装和迁移

    前言 以前用 npm, 后来 yarn 火了就用 yarn. 后来 yarn 2.0 大改版, Angular 不支持就一直没用. 一直到去年的 Angular 13 才开始支持. 最近又开始写 An ...

  10. Nuxt Kit 中的布局管理

    title: Nuxt Kit 中的布局管理 date: 2024/9/18 updated: 2024/9/18 author: cmdragon excerpt: 摘要:本文详述了在Nuxt.js ...