文档章节

JQuery_2

勤劳的开发者px
 勤劳的开发者px
发布于 2017/09/02 14:39
字数 455
阅读 4
收藏 0

1.JQuery_遍历方法

语法: jq对象.each(function(i,n){})

​ i是数组的下标,n下标对应的值

   var attr = [1,2,3,4,5];
        //把js对象转jq对象
        var $attr =  $(attr);

        //如果是一个参数(i),i就是数组的下标; 如果有两个参数(i,n),i就是下标,n就是对应的值
        $attr.each(function(i,n){
            alert("attr["+i+"]="+n);
        });

语法: $.each(数组,function(i,n){})

​ i是数组的下标,n下标对应的值

 $.each([1,2,3,4,5],function(i,n){
            alert("attr["+i+"]="+n);
        });

2.JQ操作文档

内部插入:父节点/子字点之间操作

append		a.append(c), 将c插入到a的内部的后面,添加最小的孩子
				<a>
					...
					<c></c>
				</a>
	prepend		a.prepend(c),将c插入到a的内部的前面,添加最大的孩子
			
				<a>
					<c></c>
					...
				</a>
	
	-------------------------------------------------
	appendTo	a.appendTo(c), 将a插入到c的内部的后面, 最小的孩子认干爹
	
				<c>
					...
					<a></a>
				</c>
	
	prependTo	a.prependTo(c),将a插入到c的内部的前面 ,最大的孩子认干爹
	
				<c>
					<a></a>
					...
				</c>

外部插入(了解:) 兄弟节点之间操作

after  a.after(c);
		<a></a><c></c>
before a.before(c);
		<c></c><a></a>
	

移除节点: 注意:自己移除自己

    remove():移除;  jq对象.remove();

3.获取值相关:val、html

val()       获得标签里面value属性的值 
val(...)    给标签value属性设置值

html()      获得标签的内容,如果有标签,一并获得。 
html(....)  设置html代码,如果有标签,将进行解析。 支持标签

text()        获得标签的内容,如果有标签,忽略标签。
text(....)    设置文本,如果含有标签,把标签当做字符串.不支持标签

<body>
		<p id="pId"><font>hello...</font></p>
		<input type="button" value="text()" id="btn1" />
		<input type="button" value="html()" id="btn2" />
	</body>
	
	<script>
		$("#btn1").click(function(){
			var data=  $("#pId").text();
			console.log("data="+data);//结果:hello...
		});
		
		
		$("#btn2").click(function(){
			var data=  $("#pId").html();
			console.log("data="+data);结果:<font>hello...</font>
		});
		
	</script>

 

© 著作权归作者所有

共有 人打赏支持
上一篇: BootStrap
下一篇: JQuery
勤劳的开发者px
粉丝 3
博文 54
码字总数 108225
作品 0
荆州
程序员
私信 提问
解决多个jquery并存冲突问题

jQuery自诞生以来,版本越来越多,而且jQuery官网的新版本还在不断的更新和发布中,现已经达到了1.6.4版本,但是我们在以前的项目中就已经使用了旧版本的jQuery,比如已经出现的:1.3.X、1.4...

罗盛力
2011/12/02
0
0
240多个jQuery插件(2)

表格等(Tables, Grids etc.) UI/Tablesorter. jQuery ingrid. jQuery Grid Plugin. Table Filter - awesome!. TableEditor. jQuery Tree Tables. Expandable “Detail” Table Rows. Sortab......

五味格子
2011/05/11
0
0
分享26本关于Jquery的学习书籍(免费下载)

分享26本关于Jquery的学习书籍(免费下载) 1、精通JavaScript+jQuery 2、网友small6分享锋利的jQuery实例源码 3、网友small6分享jQuery权威指南配套源代码 4、犀利开发jQuery内核详解与实践...

邓剑彬
2012/11/30
3.3K
8
JQuery的点点滴滴--JQuery对象和DOM对象

一、如何区分JQuery对象和Dom对象呢? 在Javascript中通过getElementById或者getElementbyTagName来获取到的元素节点,就是DOM对象,可以使用Javascript中的方法 JQuery对象时通过JQuery包装...

长平狐
2012/11/28
84
0
8个超棒的学习jQuery的网站

根据国外科技网站 W3Techs 一项调查了近100万个网站数据显示,jQuery是目前最流行的 JavaScript 库。对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,所以本文收集了8个很棒的 ...

老枪
2011/03/31
5.2K
7

没有更多内容

加载失败,请刷新页面

加载更多

python自然语言处理快速入门2常见的NLP操作

在本章中,我们将讨论我们文本数据进行的一些常见数据预处理操作,以适配典型的机器学习算法,如贝叶斯、决策树,逻辑回归等等。这些算法都只适用于数字向量,而不是文本。 那么我们如何将文...

python测试开发人工智能安全
17分钟前
0
0
OSChina 周一乱弹 —— 温柔的人应该这样

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @clouddyy :#每日一歌# 《フィクション-sumika》 《フィクション-sumika》 手机党少年们想听歌,请使劲儿戳(这里) 假期时间干嘛去, @for...

小小编辑
35分钟前
9
4
[LintCode] Serialize and Deserialize Binary Tree(二叉树的序列化和反序列化)

描述 设计一个算法,并编写代码来序列化和反序列化二叉树。将树写入一个文件被称为“序列化”,读取文件后重建同样的二叉树被称为“反序列化”。 如何反序列化或序列化二叉树是没有限制的,你...

honeymose
今天
6
0
java框架学习日志-7(静态代理和JDK代理)

静态代理 我们平时去餐厅吃饭,不是直接告诉厨师做什么菜的,而是先告诉服务员点什么菜,然后由服务员传到给厨师,相当于服务员是厨师的代理,我们通过代理让厨师炒菜,这就是代理模式。代理...

白话
今天
26
0
Flink Window

1.Flink窗口 Window Assigner分配器。 窗口可以是时间驱动的(Time Window,例如:每30秒钟),也可以是数据驱动的(Count Window,例如:每一百个元素)。 一种经典的窗口分类可以分成: 翻...

满小茂
今天
19
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部