Jquery_基础(二) 包装集
包装集
<body>
<div id="a01">1.包装集——length</div>
<div id="a02">2.包装集——index(obj)</div>
<div id="a03">3.包装集——get(index)或者[index]_会由Jquery对象变成Dom对象</div>
<div id="a04">4.包装集——add()</div>
<a href="#">我是一个链接</a>
<div id="a05">5.包装集——clone().appendTo</div>
<div id="a06">6.包装集——not() [去掉]</div>
<div id="a07">7.包装集——filter [保留]</div>
<div id="a08">8.包装集——slice(2,4) [取中间]</div>
<div id="a09">9.包装集——each </div>
</body>
1.包装集——length
$("#a01").click(function(){
alert($("#a01").length); });
2.包装集——index(obj)
$("#a02").click(function(){
var arrayList=$("div");
var oneElement=$("#a01");
alert ( arrayList.index( oneElement ) );
//错误示范
//alert(arrayList.index(1));//index(int)不返回对应的坐标对象
//解释
alert( arrayList[1] );
alert( $(arrayList[1]) ); //包装集包含里面的所有元素都只是DOM对象,而不是Jquery对象
//alert( arrayList[1].text() )
alert( $(arrayList[1]).text() )
});
3.包装集——get(index)或者[index]_会由Jquery对象变成Dom对象
$("#a03").click(function(){
var arrayList=$("div");
//get[]获得的是Dom对象
alert( arrayList[2].innerText);
//$()Jquery对象
alert( $(arrayList[2]).text() )
alert( $(arrayList.get(2)).text() )
})
4.包装集——add()
$("#a04").click(function(){
var arrayList= $("div");
arrayList
.css("border","50px solid gray")
.add("<a href='#'>123</a>").appendTo(document.body)
.css("background","pink");
});
5.包装集——clone().appendTo
//clone()克隆
$("#a05").click(function(){
$("a").clone().appendTo(document.body);
});
6.包装集——not() [去掉]
//去掉 not
$("#a06").click(function(){
$("div").not("#a05,#a06").css("background","green");
});
7.包装集——filter [保留]
//保留
$("#a07").click(function(){
$("div").filter("#a05,#a06").css("background","green");
});
8.包装集——slice(2,4) [取中间]
$("#a08").click(function(){
$("div").slice(2,4).css("background","green");
});
9.包装集——each
//each遍历
$("#a09").click(function(){
$("#a01,#a02,#a03").each(function(){
alert($(this).text());
});
});
Jquery_基础(二) 包装集的更多相关文章
- 从零开始学习jQuery (三) 管理jQuery包装集
本系列文章导航 从零开始学习jQuery (三) 管理jQuery包装集 一.摘要 在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着 ...
- 从零开始学 Web 之 jQuery(八)each,多库共存,包装集,插件
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- jQuery包装集
jQuery包装集指的是通过$()方法返回的一个元素集,这跟一般的javascript数组有所区别, 包装集在后者的基础上还有一些初始化的函数和属性. 我们可以对二者进行一个比较: jsdiv = d ...
- Dom对象和jQuery包装集
Dom对象 在传统的JavaScript开发中,我们经常都是首先获取Dom对象,比如: document.getElementById("dv1"); 我们经常使用getEleme ...
- 【Storm】Storm实战之频繁二项集挖掘
一.前言 针对大叔据实时处理的入门,除了使用WordCount示例之外,还需要相对更深入点的示例来理解Storm,因此,本篇博文利用Storm实现了频繁项集挖掘的案例,以方便更好的入门Storm. 二 ...
- Hadoop基础-Hadoop的集群管理之服役和退役
Hadoop基础-Hadoop的集群管理之服役和退役 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 在实际生产环境中,如果是上千万规模的集群,难免一个一个月会有那么几台服务器出点故 ...
- 【Storm】Storm实战之频繁二项集挖掘(附源码)
一.前言 针对大叔据实时处理的入门,除了使用WordCount示例之外,还需要相对更深入点的示例来理解Storm,因此,本篇博文利用Storm实现了频繁项集挖掘的案例,以方便更好的入门Storm. 二 ...
- Java面试题总结之Java基础(二)
Java面试题总结之Java基础(二) 1.写clone()方法时,通常都有一行代码,是什么? 答:super.clone(),他负责产生正确大小的空间,并逐位复制. 2.GC 是什么? 为什么要有G ...
- jQuery学习笔记(3)-操作jQuery包装集的函数
一.前言 在使用jQuery选择器获取到jQuery包装集后,我们就要对这些包装集进行各种操作 二.创建新的元素 1.使用HTMLDOM创建元素 (1)什么是DOM 当网页被加载时,浏览器会创建页面的 ...
随机推荐
- android studio 使用adb命令传递文件到android设备
一:文件传输 在android开发中,有时候需要将文件从pc端传递至android,或者将软件运行的日志,从android设备传递到pc进行分析,我们可以使用windows的cmd窗口,或者andro ...
- Asp.Net Web API(四)
HttpResponseException-----HTTP响应异常 如果Web API控制器抛出一个未捕捉的异常,会发生什么呢?在默认情况下,大多数异常都会转换为一个带有状态码500的内部服务器错误 ...
- kendo ui grid选中行事件,获取combobox选择的值
背景: 以前用 telerik ui做的grid现在又要换成kendo ui,不过说句实话kendo ui真的比telerik好多,可以说超级升级改头换面.当然用的mvc的辅助方法,以前的teleri ...
- 历年NOIP选题题解汇总
联赛前上vijos板刷往年联赛题,使用在线编辑编写代码,祝我rp++. 废话不多说,挑比较有意思的记一下. 题目是按照年份排序的,最早只到了03年. 有些题目因为 我还没写/很早之前写的忘了 所以就没 ...
- bzoj 4345: [POI2016]Korale
Description 有n个带标号的珠子,第i个珠子的价值为a[i].现在你可以选择若干个珠子组成项链(也可以一个都不选),项链的价值为所有珠子的价值和.现在给所有可能的项链排序,先按权值从小到大排 ...
- 20行JS代码实现贪吃蛇
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- go 1.9 Beta 1
语言变化:增加了类型别名 To find out what has changed in Go 1.9, read the draft release notes: https://tip.golan ...
- RepeatMasker使用中的问题
RepeatMasker在运行时会先产生如下一个中间文件夹如RM_23346.WedAug301137422017,最后生成结果文件,例如.out,.masked,.tbl等 软件特性:软件运行很慢, ...
- 2018年第一篇行动笔记:Reading Log
今天读了盖兆泉的文章<美国教师怎么上阅读课>,觉得干货颇多,不仅仅针对儿童英语阅读,而且对生活的方方面面都有助益. 该文章主要内容摘要如下: 学生需要大量时间阅读 这里的阅读时间是特指花在 ...
- 数据库和 MySQL 简介(真的只是简介)
数据库 si 什么? google.com baidu.com 数据库服务器,数据管理系统,数据库,表与记录的关系