精华内容
下载资源
问答
  • jquery如何获得td标签中value属性的值

    万次阅读 2016-01-04 11:28:56
    首先来说,td标签中是不存在value属性的 通过查找发现td中存在一个abbr属性: 定义和用法 abbr 属性规定单元格中内容的缩写版本。 abbr 属性不会在普通的 web 浏览器中造成任何视觉效果方面的变化。 ...

    首先来说,td标签中是不存在value属性的

    通过查找发现td中存在一个abbr属性:


    定义和用法

    abbr 属性规定单元格中内容的缩写版本。

    abbr 属性不会在普通的 web 浏览器中造成任何视觉效果方面的变化。

    屏幕阅读器可以利用该属性。

    浏览器支持

    由于在普通的 web 浏览器中不会造成任何视觉效果方面的变化,因此很难说是否存在对 abbr 属性的支持。

    语法

    <td abbr="value">

    由于我项目代码的限制所以我想通过一个span元素,并把我想传递的一个值放在这个span元素中去。

    下边讲述两个知识点:

    1.通常情况下会出现我们访问一个元素的内容的时候出现 不能够返回什么样的结果:

    <html>
    <head>
    <SCRIPT language=JavaScript src="js/jquery-1.3.1.js"></SCRIPT>
    <SCRIPT language=JavaScript>
    var aa=$("#aa").val();
    var cc=$("#aa").html();
    var bb=$("#aa").text();
    alert(aa);
    alert(bb);
    alert(cc);
    </script>
    </head>
    <body>
    <span id="aa">aaaa</span>
    </body>
    </html> 这3个都不行,一个是undefined  一个 空  另一个null用什么方法获取span的文本内容?

    解决办法:解决这个问题,把你整段script放在<span>的下方就ok。如:<html>
    <head>
    <SCRIPT language=JavaScript src="js/jquery-1.3.1.js"></SCRIPT>
    </head>
    <body>
    <span id="aa">aaaa</span><SCRIPT language=JavaScript>
    var aa=$("#aa").val();
    var cc=$("#aa").html();
    var bb=$("#aa").text();
    alert(aa);
    alert(bb);
    alert(cc);
    </script>
    </body>
    </html>
    问题出在html是从上往下解析的,在解析到你js里的$("#aa")时,下面这个span还不存在,当然就undefined了。js在下面解析,span就有了。
    另外,jquery的做法是用ready函数包含这些代码,放哪就无所谓了。它的作用就是在加载完整个页面后才执行包含的js。


    2.很多的时候我们会有多个元素调用同一个方法这样我们要告诉jquery是哪一个元素调用的这个方法,所以我们往往在方法中传入this

    JQuery this和$(this)的区别及获取$(this)子元素对象的方法


    1.JQuery this和$(this)的区别

    相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢?

           首先来看看JQuery中的  $()  这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($('#id'));时,会弹出一个[object Object ],这个object对象,也就是jquery对象了。

           那么,我们再回过头来说$(this),这个this是什么呢?假设我们有如下的代码:

    $("#desktop a img").each(function(index){

                alert($(this));

                alert(this);

    }

    那么,这时候可以看出来:

    alert($(this));  弹出的结果是[object Object ]

    alert(this);        弹出来的是[object HTMLImageElement]

    也就是说,后者返回的是一个html对象(本例中是遍历HTML的img对象,所以为HTMLImageElement)。

    很多人在使用jquery的时候,经常this.attr('src');   这时会报错“对象不支持此属性或方法”,这又是为什么呢?其实看明白上面的例子,就知道错在哪里了:很简单,this操作的是HTML对象,那么,HTML对象中怎么会有val()方法了,所以,在使用中,我们不能直接用this来直接调用jquery的方法或者属性。

     

    2.获取$(this)子节点对象的方法:find(element)

    明白了$(this)和this的区别,再来看看这个例子:(假设,我的页面中a标签包含img,并含有src属性),当我在遍历的时候,想取到$(this)下img中src的地址

          $("#desktop a ").each(function(index){

             var imgurl=$(this).find('img').attr('src');

             alert(imgurl);

            }

    其中 .find(element) 是返回一个用于匹配元素的DOM元素,这样就可以取到想要的src地址了。


    展开全文
  • ``` <textarea name="" id="text" name="text" ></textarea>...这样的话是得不到textarea的值, 但是我去掉var text 这一行,直接li.innerHTML=document.getElementById("text").value; 可以得到值,搞不懂这是为什么.
  • textarea标签好像是没有value属性的 可以把需要设置的值放在中间 比如: 请开始你的表演


    textarea标签好像是没有value属性的


    可以把需要设置的值放在<textarea></textarea>中间


    比如:


    <textarea>请开始你的表演</textarea>






    展开全文
  • 使用jQuery获取iframe元素的value属性值: 本章节介绍一下如何获取iframe子元素中指定表单元素的value属性值。 这里必须首先要强调一点,这个iframe子元素必须是同域之内。一.子页面内容:
    使用jQuery获取iframe元素的value属性值:
    本章节介绍一下如何获取iframe子元素中指定表单元素的value属性值。

    这里必须首先要强调一点,这个iframe子元素必须是同域之内。一.子页面的内容:


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=" utf-8">
    <meta name="author" content="http://www.softwhy.com/" />
    <title>蚂蚁部落</title>
    </head> 
    <body> 
    <form method="post" action="#"> 
      用户名:<input id="username" type="text" name="username" value="softwhy.com"/> 
      密码:<input type="text" name="password"/> 
      <input type="submit" value="提交"> 
    </form> 
    </body> 
    </html>

    二.获取代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=" utf-8">
    <meta name="author" content="http://www.softwhy.com/" />
    <title>蚂蚁部落</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script type="text/javascript"> 
    $(document).ready(function(){ 
      $("#antzone").click(function(){ 
        var iframeObj=$(window.frames["iframe_name"].document); 
        alert(iframeObj.find("#username").val());
      })
    }); 
    </script> 
    </head> 
    <body> 
    <input type="button" id="antzone" value="查看效果" /> 
    <iframe id="iframe_id" name="iframe_name" src="login.html"></iframe> 
    </body> 
    </html>

    上面的代码可以获取iframe子页面中input文本框的value属性值。

    展开全文
  • 属性标志和属性描述符我们知道,对象可以存储属性。到目前为止,属性对我们来说只是一个简单“键值”...属性标志对象属性(properties),除 value 外,还有三个特殊特性(attributes),也就是所谓“标志”:writ...

    4cfb3e6435fadff750be095e78f254d1.png

    属性标志和属性描述符

    我们知道,对象可以存储属性。

    到目前为止,属性对我们来说只是一个简单的“键值”对。但对象属性实际上是更灵活且更强大的东西。

    在本章中,我们将学习其他配置选项,在下一章中,我们将学习如何将它们无形地转换为 getter/setter 函数。

    属性标志

    对象属性(properties),除 value 外,还有三个特殊的特性(attributes),也就是所谓的“标志”:

    • writable —— 如果为 true,则值可以被修改,否则它是只可读的。
    • enumerable —— 如果为 true,则会被在循环中列出,否则不会被列出。
    • configurable —— 如果为 true,则此特性可以被删除,这些属性也可以被修改,否则不可以。

    我们到现在还没看到它们,是因为它们通常不会出现。当我们用“常用的方式”创建一个属性时,它们都为 true。但我们也可以随时更改它们。

    首先,让我们来看看如何获得这些标志。

    Object.getOwnPropertyDescriptor[1] 方法允许查询有关属性的 完整 信息。

    语法是:

    let descriptor = Object.getOwnPropertyDescriptor(obj, propertyName);

    obj:需要从中获取信息的对象。

    propertyName:属性的名称。

    返回值是一个所谓的“属性描述符”对象:它包含值和所有的标志。

    例如:

    let user = {
      name"John"
    };

    let descriptor = Object.getOwnPropertyDescriptor(user, 'name');

    alert( JSON.stringify(descriptor, null2 ) );
    /* 属性描述符:
    {
      "value": "John",
      "writable": true,
      "enumerable": true,
      "configurable": true
    }
    */

    为了修改标志,我们可以使用 Object.defineProperty[2]

    语法是:

    Object.defineProperty(obj, propertyName, descriptor)

    objpropertyName:要应用描述符的对象及其属性。

    descriptor:要应用的属性描述符对象。

    如果该属性存在,defineProperty 会更新其标志。否则,它会使用给定的值和标志创建属性;在这种情况下,如果没有提供标志,则会假定它是 false

    例如,这里创建了一个属性 name,该属性的所有标志都为 false

    let user = {};

    Object.defineProperty(user, "name", {
      value"John"
    });

    let descriptor = Object.getOwnPropertyDescriptor(user, 'name');

    alert( JSON.stringify(descriptor, null2 ) );
    /*
    {
      "value": "John",
      "writable": false,
      "enumerable": false,
      "configurable": false
    }
     */

    将它与上面的“以常用方式创建的” user.name 进行比较:现在所有标志都为 false。如果这不是我们想要的,那么我们最好在 descriptor 中将它们设置为 true

    现在让我们通过示例来看看标志的影响。

    只读

    让我们通过更改 writable 标志来把 user.name 设置为只读(user.name 不能被重新赋值):

    let user = {
      name"John"
    };

    Object.defineProperty(user, "name", {
      writablefalse
    });

    user.name = "Pete"// Error: Cannot assign to read only property 'name'

    现在没有人可以改变我们 username,除非它们应用自己的 defineProperty 来覆盖我们的 username

    只在严格模式下会出现 Errors

    在非严格模式下,在对不可写的属性等进行写入操作时,不会出现错误。但是操作仍然不会成功。在非严格模式下,违反标志的行为(flag-violating action)只会被默默地忽略掉。

    这是相同的示例,但针对的是属性不存在的情况:

    let user = { };

    Object.defineProperty(user, "name", {
      value"John",
      // 对于新属性,我们需要明确地列出哪些是 true
      enumerabletrue,
      configurabletrue
    });

    alert(user.name); // John
    user.name = "Pete"// Error

    不可枚举

    现在让我们向 user 添加一个自定义的 toString

    通常,对象的内置 toString 是不可枚举的,它不会显示在 for..in 中。但是如果我们添加我们自己的 toString,那么默认情况下它将显示在 for..in 中,如下所示:

    let user = {
      name"John",
      toString() {
        return this.name;
      }
    };

    // 默认情况下,我们的两个属性都会被列出:
    for (let key in user) alert(key); // name, toString

    如果我们不喜欢它,那么我们可以设置 enumerable:false。之后它就不会出现在 for..in 循环中了,就像内建的 toString 一样:

    let user = {
      name"John",
      toString() {
        return this.name;
      }
    };

    Object.defineProperty(user, "toString", {
      enumerablefalse
    });

    // 现在我们的 toString 消失了:
    for (let key in user) alert(key); // name

    不可枚举的属性也会被 Object.keys 排除:

    alert(Object.keys(user)); // name

    不可配置

    不可配置标志(configurable:false)有时会预设在内建对象和属性中。

    不可配置的属性不能被删除。

    例如,Math.PI 是只读的、不可枚举和不可配置的:

    let descriptor = Object.getOwnPropertyDescriptor(Math'PI');

    alert( JSON.stringify(descriptor, null2 ) );
    /*
    {
      "value": 3.141592653589793,
      "writable": false,
      "enumerable": false,
      "configurable": false
    }
    */

    因此,开发人员无法修改 Math.PI 的值或覆盖它。

    Math.PI = 3// Error

    // 删除 Math.PI 也不会起作用

    使属性变成不可配置是一条单行道。我们无法使用 defineProperty 把它改回去。

    确切地说,不可配置性对 defineProperty 施加了一些限制:

    1. 不能修改 configurable 标志。
    2. 不能修改 enumerable 标志。
    3. 不能将 writable: false 修改为 true(反过来则可以)。
    4. 不能修改访问者属性的 get/set(但是如果没有可以分配它们)。

    "configurable: false" 的用途是防止更改和删除属性标志,但是允许更改对象的值。

    这里的 user.name 是不可配置的,但是我们仍然可以更改它,因为它是可写的:

    let user = {
      name"John"
    };

    Object.defineProperty(user, "name", {
      configurablefalse
    });

    user.name = "Pete"// 正常工作
    delete user.name; // Error

    现在,我们将 user.name 设置为一个“永不可改”的常量:

    let user = {
      name"John"
    };

    Object.defineProperty(user, "name", {
      writablefalse,
      configurablefalse
    });

    // 不能修改 user.name 或它的标志
    // 下面的所有操作都不起作用:
    user.name = "Pete";
    delete user.name;
    Object.defineProperty(user, "name", { value"Pete" });

    Object.defineProperties

    有一个方法 Object.defineProperties(obj, descriptors)[3],允许一次定义多个属性。

    语法是:

    Object.defineProperties(obj, {
      prop1: descriptor1,
      prop2: descriptor2
      // ...
    });

    例如:

    Object.defineProperties(user, {
      name: { value"John"writablefalse },
      surname: { value"Smith"writablefalse },
      // ...
    });

    所以,我们可以一次性设置多个属性。

    Object.getOwnPropertyDescriptors

    要一次获取所有属性描述符,我们可以使用 Object.getOwnPropertyDescriptors(obj)[4] 方法。

    它与 Object.defineProperties 一起可以用作克隆对象的“标志感知”方式:

    let clone = Object.defineProperties({}, Object.getOwnPropertyDescriptors(obj));

    通常,当我们克隆一个对象时,我们使用赋值的方式来复制属性,像这样:

    for (let key in user) {
      clone[key] = user[key]
    }

    ……但是,这并不能复制标志。所以如果我们想要一个“更好”的克隆,那么 Object.defineProperties 是首选。

    另一个区别是 for..in 会忽略 symbol 类型的属性,但是 Object.getOwnPropertyDescriptors 返回包含 symbol 类型的属性在内的 所有 属性描述符。

    设定一个全局的密封对象

    属性描述符在单个属性的级别上工作。

    还有一些限制访问 整个 对象的方法:

    Object.preventExtensions(obj)[5]:禁止向对象添加新属性。

    Object.seal(obj)[6]:禁止添加/删除属性。为所有现有的属性设置 configurable: false

    Object.freeze(obj)[7]:禁止添加/删除/更改属性。为所有现有的属性设置 configurable: false, writable: false

    还有针对它们的测试:

    Object.isExtensible(obj)[8]:如果添加属性被禁止,则返回 false,否则返回 true

    Object.isSealed(obj)[9]:如果添加/删除属性被禁止,并且所有现有的属性都具有 configurable: false则返回 true

    Object.isFrozen(obj)[10]:如果添加/删除/更改属性被禁止,并且所有当前属性都是 configurable: false, writable: false,则返回 true

    这些方法在实际中很少使用。


    现代 JavaScript 教程:开源的现代 JavaScript 从入门到进阶的优质教程。React 官方文档推荐,与 MDN 并列的 JavaScript 学习教程[11]

    在线免费阅读:https://zh.javascript.info


    参考资料

    [1]

    Object.getOwnPropertyDescriptor: https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptormdn

    [2]

    Object.defineProperty: https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

    [3]

    Object.defineProperties(obj, descriptors): https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperties

    [4]

    Object.getOwnPropertyDescriptors(obj): https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptors

    [5]

    Object.preventExtensions(obj): https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/preventExtensions

    [6]

    Object.seal(obj): https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/seal

    [7]

    Object.freeze(obj): https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze

    [8]

    Object.isExtensible(obj): https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/isExtensible

    [9]

    Object.isSealed(obj): https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/isSealed

    [10]

    Object.isFrozen(obj): https://developer.mozilla.org/zh/docs/Web/JavaScript/Reference/Global_Objects/Object/isFrozen

    [11]

    React 官方文档推荐,与 MDN 并列的 JavaScript 学习教程: https://zh-hans.reactjs.org/docs/getting-started.html#javascript-resources

    看完三件事

    如果你觉得本文对你有帮助,我想请你帮个忙:

    1. 转发本文点赞或者点个「在看」,是对我最大的认可和支持;
    2. 关注公众号「技术漫谈」,订阅更多精彩内容,获取更多学习资料;
    3. 公众号后台回复「加群」,加入算法和技术交流群,与更多读者交流。


     924e009b2b5850fd916bbde49a970f94.png

    dc68dc33da8be70f1e50f1265f3e10b2.gif
    展开全文
  • 对象或数组防止属性为空报错,defaultValue可以指定没有找到属性值返回默认值 最近遇到这个问题,写了个函数,这个函数是加在Object原型上。 Object.prototype.getValue=function (objString, defaultValue) { ...
  • 计算属性是自动监听依赖值的变化,从而动态返回内容,监听是一个过程,在监听的值变化时,可以触发一个回调,并做一些事情。特点:监测的是依赖值,依赖值不变的情况下其会直接读取缓存进行复用,变化的情况下才会...
  • 清除HTML file控件value属性值

    千次阅读 2011-08-29 14:07:29
    上午在做东西时候需要清除file控件的value值,采用传统处理方式(即直接将file控件的value值赋值为""),在FF和Chrome浏览器下都可以正常清除,但在IE下是无法清除。  可通过以下方法清除: ...
  • 今天在配置mqtt连接时候是在bean初始化时候就进行连接, 所以要配置连接参数, 当时用是这样方式. 结果运行时候一直会报NullPointer异常...还有一点 , @Value 属性是不可以static修饰,否则也取不到. ...
  • 在使用spring时候,我们为了避免硬编码,有些...这里说一个@Value的用法,通过这个注解,我们可以读取属性文件里面变量,比如这个变量为url,指定是jdbc.url。我们来个测试。 UserDao.java package com.xx...
  • 当我们使用 Elemet UI 的选择组件进行多选时,Select 组件的绑定值是一个数组,但是数组的值只能传入 Number 类型或者 String 类型的数据,如果我们想向其中传入一个对象就会出错,如: <template> <el-...
  • ,可以通过自定义jaxb绑定,可以在codegen中添加为文件.在jaxb绑定中,有fixedAttributeAsConstantProperty属性.将此设置为true,指示代码生成器使用fixed属性生成属性为java-constants.有两种选择:1.通过全球约束...
  • 背景(摘抄):项目中我们都要要尽量避免将参数直接写进程序里,这样一旦需要需要修改配置...今天在学习Spring Boot注入值的时候发现了这个问题,我采用@value方法给FileAppender类注入,采用是构造方法注入,...
  • 1、div标签没有value属性,但是我们给div增加一个value的值,这个也是可以拿到的。 html代码: &lt;div class="col-sm-3 gnszimg" name="xzan" onclick="tothis(this)" id=&...
  • input标签name属性相当于这里“key”,value属性相当于这里“value”。 所以:input便签中是否设置 name 属性不会影响到网页功能实现。但是,当我们需要把这个控件所关联数据传递给后端时,就必须要设置...
  • 该常量有实际的值为 语法 可以使用以下语法访问该值: var val = Number.MAX_VALUE; 示例 : 这里是表示属性的使用的例子。 <html> <head> [removed] <!-- function showValue() { var val = ...
  • 在网页中嵌入一个VLC视频播放器,默认浏览器是IE,要修改该播放器一些param...为了可以添加属性值可以设置一个Button事件。用Button事件来调用下面方法:function myFunction(){var x =document.createEleme...
  • Number.MIN_VALUE属性属于静态Number对象。这代表了尽可能小的正数的JavaScript可以工作的常量。 该常量的实际是  语法 您可以使用以下语法访问属性: var val = Number.MIN_VALUE; 实例 : 这里是表示该属性的...
  • 运行此代码并通过graphviz生成树图像后,我们可以观察到树中每个节点上都有数据。在import pandas as pdfrom sklearn.tree import DecisionTreeClassifier, export_graphvizdta = pd.read_csv("data/adult.data....
  • 这篇文章主要介绍了Spring@Value属性注入使用方法解析,文中通过示例代码介绍非常详细,对大家学习或者工作具有一定参考学习价值,需要朋友可以参考下在使用Spring框架项目中,@Value是使用比较频繁注解之...
  • 所谓标量就是不可以进一步分解量,如java中基本数据类型和reference类型,相对一个数据可以继续分解,称为聚合量。因此 如果把一个对象拆散,将其成员变量恢复到基本类型来访问就叫做标量替换。标量替换好处是...
  • 如果自定义的Field的Control,不是继承自SPFieldText,那么要实现Field的值得存取,可以通过重载该Control的Value属性来实现。 在Get中,直接返回Control中输入的值;在Set中,则将Field的值作为Control的输入值。 ...
  • 重要性:★★★★☆第二章:JPA与Hibernate实例第四节:O/R映射元数据值属性映射前文说过,实体(和对象)可以拥有两种类型的属性值属性Attribute:类型为简单对象,或它们...值属性可以是值的,也可以是...
  • textarea没有value属性

    千次阅读 2017-07-13 16:33:31
    最近在做一个小项目,才发现原来textarea中居然没有...平时用标签比较多,一般在其内添加个value属性可以获取到值,但是在标签中添加该属性却获取不到相应的值,具体解决的办法是用以下的格式即可: (在这里添加内容)
  • HTML表单中 textarea标签的value属性赋值 textarea 语句是双标签 中间写入赋值 textarea语句无法跟input单标签一样在标签内向value赋值 但可以和其他双标签语句一样,在双标签中间直接写入赋值 错误案例: <...
  • @Value 注解加载属性值的时候可以支持两种表达式来进行配置, 如下所示: 一种是PlaceHolder 方式, 格式为${...}, 大括号内为PlaceHolder。 另一种是使用SpEL 表达式(Spring Expression Language), 格式为#...
  • jQuery.val()方法是专门用来获取表单元素值的,而textarea也属于表单元素所以可以直接用.val()方法获取。 不过要注意,由于textarea是个双标记因此.text()或.html()方法也可以获取到其中信息,但建议不要...
  • 获取: 获取匹配的元素集合中的第一个元素的属性的值,参数为属性名。 $(".info").attr("value"); 设置: 设置每一个匹配元素的一个或多个属性。 设置的属性在 dom元素标签中可以显示,也可以在控制台输出属性值。...
  • target-目标对象 , key-obj目标对象中的某个属性value-设置的新的值 Object.defineProperty()方法-属性级别 参考资料: MDN - Proxy 阮一峰 - Proxy Proxy 可以理解成,在目标对象之前架设一层“拦截”,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,364
精华内容 1,745
关键字:

value属性的值可以是