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的更多相关文章

  1. [原创]java WEB学习笔记15：域对象的属性操作(pageContext,request,session,application) 及 请求的重定向和转发

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  2. jQuery 学习之路（3）：DOM操作

    一.在元素内部插入 .append(content[,content]) 在指定元素的内部末尾插入字符串,或在指定元素的内部末尾移入指定元素,如 $(".container").a ...

  3. jQuery学习-----（二）JQuery对象与DOM对象的区别与转换

    1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj = ...

  4. jQuery学习笔记（一）--jQuery对象与DOM对象相互转换

    通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象.它与DOM对象完全不同,唯一相似的是它们都能操作DOM. 通 ...

  5. jQuery学习之旅 Item5 $与jQuery对象

    1.$符号的由来 $符号本质就是函数的名字. jquery源码分析 通过分析我们知道,在jquery里边不只可以使用$符号,还可以使用jQuery标志 解决冲突问题 有的项目是中间过渡项目(proto ...

  6. jQuery学习之路（1）-选择器

    ▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript ...

  7. jQuery学习笔记(一)jQuery选择器

    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...

  8. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  9. JS与Jquery学习笔记（二）

    一. JS 的面向对象 JS没有类,其类就用function来代替如下所示: function Cat(name, color){ this.name=name; this.color=color; ...

随机推荐

  1. 20170719xlVbaAbsorbProcedure

    Sub AbsorbThisProcedure() If Application.VBE.MainWindow.Visible = False Then MsgBox "请先激活VBE编辑窗 ...

  2. Confluence 6 获得 Active Directory 服务器证书

    上面的步骤说明了如何在你的 Microsoft Active Directory服务器上安装 certification authority (CA).这一步,你需要为你的 Microsoft Act ...

  3. Jon Snow and his Favourite Number CodeForces - 768C (技巧)

    链接 题意 给定数组, 每次操作先将数组排序, 再将奇数位全部异或x, 求k次操作后数组最大值与最小值 (1 ≤ n ≤ 105, 0 ≤ k ≤ 105, 0 ≤ x ≤ 103) 题解 直接暴力模 ...

  4. view_countInfo

    create view view_countInfo as SELECT     a.dwmch, b.dwbh, b.djbh, c.rq, c.shl, c.djbh AS Expr1, d.sp ...

  5. 【转】jieba.NET与Lucene.Net的集成

    首先声明:我对Lucene.Net并不熟悉,但搜索确实是分词的一个重要应用,所以这里还是尝试将两者集成起来,也许对你有一参考. 看到了两个中文分词与Lucene.Net的集成项目:Lucene.Net ...

  6. 导出cnblogs文章

    导出cnblogs文章 网址  http://download.csdn.net/download/zlj1817/9001869 下载

  7. 蓝桥杯—ALGO-122 未名湖畔的烦恼(枚举)

    问题描述 每年冬天,北大未名湖上都是滑冰的好地方.北大体育组准备了许多冰鞋,可是人太多了, 每天下午收工后,常常一双冰鞋都不剩. 每天早上,租鞋窗口都会排起长龙,假设有还鞋的m个,有需要租鞋的n个. ...

  8. 利用padding-top/padding-bottom百分比，进行占位和高度自适应

    在css里面,padding-top,padding-bottom,margin-top,margin-bottom取值为百分比的时候,参照的是父元素的宽度. 比如:父元素宽度是100px, 子元素p ...

  9. sgu114. Telecasting station 难度:1

    114. Telecasting station time limit per test: 0.25 sec. memory limit per test: 4096 KB Every city in ...

  10. 什么是REST API?

    REST指一组架构约束条件和原则,满足约束条件和原则的应用程序设计.架构,软件体系结构分为三部分:构建,用于描述计算机:连接器,用于描述构建的链接部分:配置将构建和连接器组成有机整体.web基本技术: ...