JS中Attr的用法详解
具体代码如下所示:
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function(){ //使用attr(name)获取属性值: alert($("p").attr("title"));//你最喜欢的水果是。 alert($("ul li:eq(1)").attr("title"));//橘子汁 alert($("ul li:eq(1)").attr("alt"));//123 //使用attr(name, value)改变属性值: //$("ul li:eq(1)").attr("title", "还是吗?");//将第二个li的title的值改变 //使用attr(name, fn)设置属性的函数值 $("ul li:eq(1)").attr("title", function(){ return "我就不信"; });//将第二个li的title的值改变 alert($("ul li:eq(1)").attr("title"));//我就不信 //使用attr(name, properties)将一个“名/值”形式的对象设置为所有匹配元素的属性 $("ul li:eq(1)").attr({title: "第一个", alt: "第二个"}); alert($("ul li:eq(1)").attr("title"));//第一个 alert($("ul li:eq(1)").attr("alt"));//第二个 }); }); </script> <p title="你最喜欢的水果是。">你最喜欢的水果是?</p> <ul> <li title="苹果汁">苹果</li> <li title="橘子汁" name="好吃" alt="123">橘子</li> <li title="菠萝汁">菠萝</li> </ul> <input type="button" value="点击" id="btn"/>
总结
以上所述是小编给大家介绍的JS中Attr的用法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
相关推荐
-
angularjs中ng-attr的用法详解
前言 html中的属性很多,同样可以使用angularjs来定义: ng-attr-(suffix)=只能使用变量定义 <div title="angularjs中的title">title</div> <div ng-attr-title="angularjs中的title">title</div><!--这样写显示不出来标题--> <div ng-attr-title="'angular
-
JavaScript中setAttribute用法介绍
setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值.1.样式问题setAttribute("class", value)中class是指改变"class"这个属性,所以要带引号.vName代表对样式赋值.例如: 复制代码 代码如下: var input = document.createElement("input");input.setAttribut
-
javascript中setAttribute兼容性用法分析
本文实例分析了javascript中setAttribute兼容性用法.分享给大家供大家参考,具体如下: 1:常规属性建议使用 node.XXXX. 2:自定义属性建议使用node.getAttribute("XXXX"). 3:当获取的目标是JS里的关键字时建议使用node.getAttribute("XXX"),如label中的for. 4:当获取的目标是保留字,如:class,请使用className代替. setAttribute(string name,
-
JS中Attr的用法详解
具体代码如下所示: <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function(){ //使用attr(name)获取属性值: alert(
-
JS中setTimeout()的用法详解
setTimeout setTimeout 语法例子 用 setTimeout 来执行 function 不断重复执行的 setTimeout 设定条件使 setTimeout 停止 计分及计秒的 counter clearTimeout Set flag 1. SetTimeOut() 1.1 SetTimeOut()语法例子 1.2 用SetTimeOut()执行Function 1.3 SetTimeOut()语法例子 1.4 设定条件使SetTimeOut()停止 1.5 计分及秒的co
-
JS、jQuery中select的用法详解
1.js var obj=document.getElementById(selectid); obj.options.length = 0; //清除所有内容 obj.options[index] = new Option("three",3); //更改对应的值 obj.options[index].selected = true; //保持选中状态 obj.add(new Option("4","4")); "文本",&
-
java 中 ChannelHandler的用法详解
java 中 ChannelHandler的用法详解 前言: ChannelHandler处理一个I/O event或者拦截一个I/O操作,在它的ChannelPipeline中将其递交给相邻的下一个handler. 通过继承ChannelHandlerAdapter来代替 因为这个接口有许多的方法需要实现,你或许希望通过继承ChannelHandlerAdapter来代替. context对象 一个ChannelHandler和一个ChannelHandlerContext对象一起被提供.一个
-
JS中多种方式创建对象详解
1.内置对象创建 var girl=new Object(); girl.name='hxl'; console.log(typeof girl); 2.工厂模式,寄生构造函数模式 function Person(name){ var p=new Object();//内部进行实例化 p.name=name; p.say=function(){ console.log('my name is '+ p.name); } return p;//注:一定要返回 } var girl=Person('
-
php 中的closure用法详解
Closure,匿名函数,是php5.3的时候引入的,又称为Anonymous functions.字面意思也就是没有定义名字的函数.比如以下代码(文件名是do.php) <?php function A() { return 100; }; function B(Closure $callback) { return $callback(); } $a = B(A()); print_r($a);//输出:Fatal error: Uncaught TypeError: Argument 1
-
JavaScript知识点总结(十一)之js中的Object类详解
JavaScript中的Object对象,是JS中所有对象的基类,也就是说JS中的所有对象都是由Object对象衍生的.Object对象主要用于将任意数据封装成对象形式. 一.Object类介绍 Object类是所有JavaScript类的基类(父类),提供了一种创建自定义对象的简单方式,不再需要程序员定义构造函数. 二.Object类主要属性 1.constructor:对象的构造函数. 2.prototype:获得类的prototype对象,static性质. 三.Object类主要方法 1
-
关于vue中 $emit的用法详解
1.父组件可以使用 props 把数据传给子组件. 2.子组件可以使用 $emit 触发父组件的自定义事件. vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn: 例如:子组件: <template> <div class="train-city"> <span @click='select(`大连`)'>大连</span> </div&
-
Vue 中mixin 的用法详解
说下我对vue中mixin的一点理解 vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用.最开始我一度认为这个和组件好像没啥区别..后来发现错了.下面我们来看看mixins和普通情况下引入组件有什么区别? 组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立. 而mixins则是在引入组件之后,则是将组件内部的内容如data等方法.method等属性与父组件相应内容进行合并.相当于在引入后,父
-
Vue中$refs的用法详解
说明:vm.$refs 一个对象,持有已注册过 ref 的所有子组件(或HTML元素) 使用:在 HTML元素 中,添加ref属性,然后在JS中通过vm.$refs.属性来获取 注意:如果获取的是一个子组件,那么通过ref就能获取到子组件中的data和methods <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D
随机推荐
- 浅谈mint-ui 填坑之路
- Python中的fileinput模块的简单实用示例
- JS自定义选项卡函数及用法实例分析
- linux php mysql数据库备份实现代码
- 简单的php+mysql聊天室实现方法(附源码)
- window.showModalDialog()返回值的学习心得总结
- 厉害的艺术.剪纸欣赏
- SQL语句之Union和Union All的用法
- jQuery中queue()方法用法实例
- Js中获取frames中的元素示例代码
- Java中常用加密/解密方法详解
- 基于java中集合的概念(详解)
- 获取input标签的所有属性的方法
- Android学习之Fragment
- Express进阶之log4js实用入门指南
- C#减少垃圾回收压力的字符串操作详解
- 大数据环境下mongoDB为何要加索引浅析
- vue中datepicker的使用教程实例代码详解
- 基于Python函数和变量名解析
- 更优雅的微信小程序骨架屏实现详解