jquery学习1之对juery对象的细节操作1
jquery是前台动态页面开发的一个很重要的工具。
一：jquery对象中length属性和size（）方法
var a=$("a").length;
var b=$("a").size();
length--->返回匹配元素对象的个数
size()--->返回被 jQuery 选择器匹配的元素的数量
暂时未发现，两个有何不同。
【1】当判断一个对象是否存在是，可以用length属性：
存在长度>=1
不存在长度==0
二：jquery对象中的get()方法。返回的是Dom对象
var firstA=$("a").get(0);--->返回所有匹配对象中的第一个对象，并转换成Dom对象。
alert(firstA.nodeName+":"+firstA.innerHTML);
【1】jquey对象--->js的dom对象转化
var jsDom=$("a")[0];//将jq对象理解为数组，可以通过下标转成js对象
var jsDom=$("a").get(0);//将jq理解为一个特殊的容器。通过get()方法获取
【2】js对象----->jquery对象转化
var jqueyObj=$(jsDom);//将jq理解为一个特殊的容器。通过get()方法获取
三：Jquery对象中attr(),html(),text(),val()方法的区别，和应用
attr():
【1】 var value=$(selector).attr(attribute)//获取匹配对象中某属性的值
【2】 $(selector).attr(attribute,value)//为匹配对象的某个属性赋值
【3】 $(selector).attr(attribute,function(index,oldvalue))//使用函数，为某个属性设置值。
【4】 $(selector).attr({attribute:value, attribute:value ...})//为匹配对象，一次性设置多个属性的值
html():
【1】$(selector).html()//返回第一个匹配元素中的填充物，包括标签。
【2】$(selector).html(content)//为所有匹配的元素设置新内容(html代码)。所有匹配的元素，之前的全部覆盖
【3】$(selector).html(function(index,oldcontent))//为所有匹配的元素。利用函数设置内容。html片段
index是匹配元素的下标。类似于数组的下标。从0开始。
oldcontent是之前该匹配元素的html内容
text():
【1】$(selector).text()//获取所有匹配元素间的文本内容。html标签会被删除
【2】$(selector).text(content)//为所有匹配的元素添加新内容。html标记会被原样添加进去，当做文本。
【3】$(selector).text(function(index,oldcontent))//利用函数，为所有匹配元素改变文本内容
所有带函数的示例。基本都是一样的。只是方法名不一样：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
alert($("p").text());
});
});
</script>
</head>
<body>
<p>我是谁</p>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">获得 p 元素的文本内容</button>
</body>
</html>
val():
【1】$(selector).val()//返回第一个匹配元素的value值 常用form表单里的input标签
【2】$(selector).val(value)//为所有匹配的元素设置新的value值
【3】$(selector).val(function(index,oldvalue))//使用函数为所有匹配的元素设置value值
jquery学习1之对juery对象的细节操作1的更多相关文章
- [原创]java WEB学习笔记15：域对象的属性操作(pageContext,request,session,application) 及 请求的重定向和转发
本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...
- jQuery 学习之路（3）：DOM操作
一.在元素内部插入 .append(content[,content]) 在指定元素的内部末尾插入字符串,或在指定元素的内部末尾移入指定元素,如 $(".container").a ...
- jQuery学习-----（二）JQuery对象与DOM对象的区别与转换
1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj = ...
- jQuery学习笔记（一）--jQuery对象与DOM对象相互转换
通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象.它与DOM对象完全不同,唯一相似的是它们都能操作DOM. 通 ...
- jQuery学习之旅 Item5 $与jQuery对象
1.$符号的由来 $符号本质就是函数的名字. jquery源码分析 通过分析我们知道,在jquery里边不只可以使用$符号,还可以使用jQuery标志 解决冲突问题 有的项目是中间过渡项目(proto ...
- jQuery学习之路（1）-选择器
▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript ...
- jQuery学习笔记(一)jQuery选择器
目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- JS与Jquery学习笔记（二）
一. JS 的面向对象 JS没有类,其类就用function来代替如下所示: function Cat(name, color){ this.name=name; this.color=color; ...
随机推荐
- python-day39--mysql基本操作
1.修改密码: mysqladmin -uroot password 123 2.忘记密码如何修改密码: 1.干掉data目录---> 重新初始化 (不推荐,所有授权信息全部丢失!!!) 2 ...
- 84. Largest Rectangle in Histogram *HARD* -- 柱状图求最大面积 85. Maximal Rectangle *HARD* -- 求01矩阵中的最大矩形
1. Given n non-negative integers representing the histogram's bar height where the width of each bar ...
- OC MRC之set方法内存管理（代码分析）
// // main.m // 03-set方法的内存管理 // // Created by apple on 13-8-9. // Copyright (c) 2013年 itcast. All r ...
- react项目打包后路径找不到，项目打开后页面空白的问题
使用 npm install -g create-react-app快速生成项目脚手架打包后出现资源找不到的路径问题: 解决办法:在package.json设置homepage
- jsp javabean开发模式
JSP&&JavaBean开发模式 在jsp+javabean架构中,jsp负责控制逻辑,表现逻辑,业务对象的调用 jsp+javaBean模式适合开发业务逻辑不复杂的web应用,这种 ...
- SQL Server 调优系列玩转篇三（利用索引提示（Hint）引导语句最大优化运行）
前言 本篇继续玩转模块的内容,关于索引在SQL Server的位置无须多言,本篇将分析如何利用Hint引导语句充分利用索引进行运行,同样,还是希望扎实掌握前面一系列的内容,才进入本模块的内容分析. 闲 ...
- 玩转X-CTR100 | STM32F4 l GPIO位带操作
更多塔克创新资讯欢迎登陆[塔克社区 www.xtark.cn ][塔克博客 www.cnblogs.com/xtark/ ] STM32F4位带概念,及位带的GPIO操作实践应用. 原理介 ...
- <NET CLR via c# 第4版>笔记 第15章 枚举类型和位标志
15.1 枚举类型 枚举定义的符号是常量值. C#编译器编译时,会用数值替换符号,不再引用定义了符号的枚举类型.可能会出现一些版本问题. Enum.IsDefined(Type enumType, o ...
- compile——生成ast
刘涛 生成ast的函数是src/compiler/parser/index.js文件中的parse函数, 从这里入手,我们一起来看看一段html字符串,是如何一步步转换成抽象语法树的. 这一部分会涉及 ...
- mysql-connector-java-3.1.10-bin-g.jar 和 mysql-connector-java-3.1.10-bin.jar两个文件有什么不同呀？
MySQL Connector/J的文档里说: MySQL Connector/J is distributed as a .zip or .tar.gz archive containing the ...