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. Tomcat 中文乱码 设置UTF-8编码 问题解决办法

    在Java Web开发中,http请求带有中文字符的URI如果不处理容易出现乱码问题:这是因为Tomcat容器默认编码是iso-8859-1引起的,因此要避免出现乱码就要需要做相应的处理.解决办法如下 ...

  2. 微信公众号菜单添加小程序，miniprogram，pagepath参数详解，php开发公众号

    随着微信小程序功能的开发, 已经可以跟公众号打通了, 主要有两种方式: 1) 在公众号文章中插入小程序 2) 在公众号菜单中添加小程序 第一种方式, 子恒老师在前面的课程已经详细介绍过, 今天来讲第二 ...

  3. 20170624xlVBA正则分割分类汇总

    Sub RegExpSubtotal() '声明变量 Dim Regex As Object '正则对象 Dim Dic As Object '字典对象 Dim Key As String '关键字 ...

  4. Trailing Loves (or L'oeufs?) CodeForces - 1114C (数论)

    大意: 求n!在b进制下末尾0的个数 等价于求n!中有多少因子b, 素数分解一下, 再对求出所有素数的最小因子数就好了 ll n, b; vector<pli> A, res; void ...

  5. length,lengthb,substr,substrb,instr小用

    --字符串的字符长度 select length('wm.dfw.士农工商.sda.人马ss.dfw.4.sdf.332.sf.qq.sd') from dual; --字符串的字节长度 select ...

  6. win10激活工具---KMSAutoNet

    win10激活工具---KMSAutoNet 1> 2> 3> 4> 5> 6> 8>

  7. Spring Cloud Edgware之后版本 Zipkin+Kafka整合

    zipkin服务器端 1.依赖 <!-- zipkin server --> <dependency> <groupId>io.zipkin.java</gr ...

  8. PHP:第一章——PHP中常量和预定义常量

    <?php /*****************************************************/ //1.常量的定义 //常量:声明一次后长期不变的量,以字母或下划线开 ...

  9. [转]VirtualBox中的网络连接方式详解

    如果出现主机无法ping通虚拟机的情况,请首先确认虚拟机防火墙已关闭. 一.NAT模式 特点: 1.如果主机可以上网,虚拟机可以上网 2.虚拟机之间不能ping通 3.虚拟机可以ping通主机(此时p ...

  10. artDialog 弹窗提示

    artDialog 弹窗提示,方便调用,不用去查文档了. /// <reference path="../../Scripts/artDialog5.0/artDialog.min.j ...