JQuery的几个基础操作

先介绍两个函数(数组)

1.$.map(array,function(element,index));

对于数组array中的每个元素,调用上面所示的function(element,index)函数,最终返回一个新的数组。原数组不变。

   案例:

<script type="text/javascript">

//索引值大于3的元素值翻倍。

var arr=[2,3,4,5,6,7,8];

var nwArr = $.map(arr,function(ele,index){

return index>3?ele*2:ele;

});

alert(nwArr);

</script>

2.each(array,fn)

遍历数组,return false来退出循环。

主要用来遍历数组,不修改数组,对于普通数组或者“键值对”数组都没有问题。

在each函数中可以直接使用this,表示当前元素的值。

  案例:

var dic={"name":‘小明‘,‘age‘:23,‘gender‘:‘男‘};

$.each(dic,function(key,value){

alert(key+‘---‘+value);

});

JQuery对象、Dom对象

1.转换

Dom对象如果想调用jQuery的方法必须先转换为jQuery对象。

2.Dom对象

文档树中的对象都是dom对象。

3.JQuery对象

把Dom对象包装后就得到了jQuery对象。

4.Dom→jQuery

如何将Dom对象转换为jQuery对象?

$(spObj).get(0).innerHTML

$(spObj)[0].innerHTML

5.直接通过jQuery方式获取页面上的元素

$(‘#id’)、$(‘span’)、$(‘.cls’)、……

通过jQuery对象即可调用:.text()、val()、html()、css(‘color’,’red’)、……。jQuery中大多都是方法少有属性,因为属性很难链式编程。获取值、设置值都是使用的同一个方法,有参数表示设置值,无参数表示取值。

6.哪些不需要转Jquery对象

数组本身就不是Dom对象。不存在与jQuery对象之间的转换。使用jQuery语句可以直接使用数组,就像$.each()或$.map();

补充:通过document.getElementsByTagName()或者document.getElementsByName()获取的返回值是一个类似于数组的值,但不是数组,没有数组特有的方法。

parseInt()\Array这些是不需要转换的。

时间: 2024-12-12 08:45:22

JQuery的几个基础操作的相关文章

Git基础操作

配置秘钥 1.检查本机有没有秘钥 检查~/.ssh看看是否有名为d_rsa.pub和id_dsa.pub的2个文件. $ ~/.sshbash: /c/Users/lenovo/.ssh: Is a directory 2.如果没有就创建新的秘钥 $ ssh-keygen -t rsa -C "注册Github用的邮箱" $ ssh-keygen -t rsa -C "注册Github用的邮箱" 按照提示一路输入即可. ssh-keygen -t rsa -C &q

强大的JQuery(一)--基础篇

JQuery是一个优秀的Javascript框架,是轻量级的js库,使用jQuery将极大的提高编写javascript代码的效率,,让写出来的代码更加优雅,更加健壮. 学好了jquery,我们相当于站长了巨人的肩膀上. 我将分三篇博客为大家介绍jquery,本篇博客将主要介绍jquery的基本语法.智能感知.选择器和事件. 一.基本语法 <html> <head> <script type="text/javascript" src="Scri

gulp基础操作实践

按照gulp中文文档对gulp基础操作的一些实践练习,记录以防忘掉. 一,选择并输出文件:gulp.src(globs[,options]) eg:gulp.src('src/less/index.less') 这是一个最简单的表达式,它选中并且输出'src/less'目录下的index.less文件. 接下来我们来看它的官方解释:输出符合所提供的匹配模式或者匹配模式的数组的文件.返回一个vinyl files的stream它可以被piped到别的插件中. glob:Match files us

vsphere基础操作-网络

一.vsphere网络操作 概念: portgroup:通信端口组.在vsphere中,一共包含三种端口组. 1)管理网络:management network,可以理解为EXSI主机的管理IP地址.每个EXSI必须配置一个管理网络IP,使得vc能够管理到exsi.每个EXSI只能有一个唯一的管理网络. 2)内核:vmkernel,可以理解为EXSI的后端IP,使得后端各项功能能够实现.这里所说的后端功能指的是EXSI之间的通讯以实现VMOTION等高级功能.连入ISCSI或NAS等存储.FT功

jQuery学习笔记--JqGrid相关操作 方法列表(上)

1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(json):$("#gridid").jqGrid('getRowData', id); 3.刷新列表:$(refreshSelector).jqGrid('setGridParam', { url: ''), postData: ''}).trigger('reloadGrid'); 4.选中行:$("#jqGrid

Mysql安装和基础操作

1.环境检查: 先检查是否已经安装了:rpm -qa |grep mysql ---两个都检查下,查看mysql是否安装 rpm -qa |grep MySQL若安装有可删除:rpm -e ****** 2.安装:1)安装前准备:mkdir usr/mysql cd进入该目录,上传安装包到/usr/mysql目录下2)安装:rpm -ivh MySQL-server-5.0.16-0.i386.rpm rpm -ivh MySQL-elient-5.0.16-0.i386.rpm3)验证安装是否

双向链表的基础操作(C++实现)

★C++实现双向链表的基础操作(类的实现) #include<iostream> #include<cassert> using namespace std; typedef int DataType; class double_link_list {                        //定义双向链表类,包括了双向的前驱和后继指针,以及对象的初始化 public: friend class ListNode; double_link_list(DataType x =

数据结构-线性表的一些基础操作 c++代码

//线性表的顺序存储结构 template <class T> class Linearlist { public: Linearlist(int MaxListSize == 10); ~Linearlist() { delete []element; } bool IsEmpty() const { return length == 0; } bool IsFull() const { return length == MaxSize; } int Length() const { ret

php之文件基础操作

在php中对文件的基础操作非常的简单,php提供的函数粗略的用了一遍. file_get_contents():可以获取文件的内容获取一个网络资源的内容,这是php给我封装的一个比较快捷的读取文件的内容.网络资源的函数,此函数里面封装了对文件的打开,读取,关闭操作.一次性的将内容全部读取到内存中,相当方便,但是对于大文件或者网络资源较大的时候,不建议使用.file_put_contents():写入数据,和file_get_contents()类似. 文件的基础操作:touch()--新建,fo