jquery获取当前点击对象的value方法
例:获取ul中li的value值
首先,在html中我们要为每个li设置value值
代码如下:
<ul>
<li value="你好"></li>
<li value="hello"></li>
<li value="=-="></li>
</ul>
再通过jquery根据点击事件获取对应的value
代码如下:
$(document).ready(function(){
$("li").click(function{
alert($(this).val());
});
});
相关推荐
-
JQuery将文本转化成JSON对象需要注意的问题
1)$.parseJSON方法返回的是一个字符串,而不是JSON对象. 2)要将字符串转化成对象,很容易想起JS中的eval方法.事实上是可以的,不过需要加上括号.如var js="{\"PageIndex\":\"1\"}";var obj=eval("("+js+")");.不过使用eval,是不安全的,因为其可以编译任何js代码. 3)下载一个JSON解析器,因为其只认可JSON文本.这样就比较安全了
-
实例详解jQuery的无new构建
jQuery的无new构建 jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作. 回想一下使用 jQuery 的时候,实例化一个 jQuery 对象的方法: // 无 new 构造 $('#test').text('Test'); // 当然也可以使用 new var test = new $('#test'); test.text('Test'); 大部分人使用 jQuery 的时候都是使用第一种无 new 的构造方式,直接 $('') 进行构造,这也是 jQuery 十分便捷的
-
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
效果图: jQuery news ticker是一个非常方便的jQuery插件,能够快速让你生成这样的一个新闻行情效果. 它能够通过列表,HTML甚至是RSS(只能加载本站的RSS feed)来生成新闻内容,并且支持前后播放和停止.这个插件支持一系列的自定义选项,例如: 播放速度 播放效果 播放方向 显示时间 代码开发简单高效. 首先引入jQuery news ticker类库及其jQuery类库: 复制代码 代码如下: <link href="css/ticker-style.css&q
-
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
指定元素中包含 id 属性的, 如: $("span[id]") 复制代码 代码如下: <span id="span1" name="S1">AAA</span><br/> <span id="span2" name="S2">BBB</span><br/> <span name="Sx3">CCC<
-
jquery中each遍历对象和数组示例
通用遍历方法,可用于遍历对象和数组.$().each(),回调函数拥有两个参数: 第一个为对象的成员或数组的索引,第二个为对应变量或内容.如需退出each循环可使回调函数返回false 现有如下两个select 计划类别: <select id="PLANTYPE"> <option value="0">-所有-</option> <option value="1">新建</option>
-
jQuery 1.0.4 - New Wave Javascript(js源文件)
复制代码 代码如下: /* prevent execution of jQuery if included more then once */if(typeof window.jQuery == "undefined") {/* * jQuery 1.0.4 - New Wave Javascript * * Copyright (c) 2006 John Resig (jquery.com) * Dual licensed under the MIT (MIT-LICENSE
-
jquery删除ID为sNews的tr元素的内容
复制代码 代码如下: //删除ID为sNews的索引为JQID的tr元素里的内容$("#sNews table tr").eq(JQID).remove(); //此文以table为例,#sNews为div(容器)的ID:JQID为tr的索引,索引从0开始
-
Javascript的无new构建实例详解
看jquery源代码第一步的时候,对于jquery对象的创建就看的云里雾里,琢磨半天终于有点感觉了,在此记录下 第一种方式: var A = function(){ return A.prototype.init(); } A.prototype = { init:function(){ this.age = 50; console.log(this); return this; }, age:100 } console.log(A() === new A()); 1.分析下结果为什么为true
-
Jquery 获取对象的几种方式介绍
1.JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; '元素的个数,是个属性 $("Element").size(); '也是元素的个数,不过带括号是个方法 $("Element").get(); '某个元素在页面中的集合,以数组的形式存储 $("Element").get(index); '功能和上面的相同,index表示第几个元素,数组的下标 $("
-
jquery获取当前点击对象的value方法
例:获取ul中li的value值 首先,在html中我们要为每个li设置value值 复制代码 代码如下: <ul> <li value="你好"></li> <li value="hello"></li> <li value="=-="></li> </ul> 再通过jquery根据点击事件获取对应的value 复制代码 代码如下: $(docume
-
jQuery获取当前点击的对象元素(实现代码)
jQuery获取当前点击的对象元素(实现代码) <script type="text/javascript" src="script/jquery-1.8.3.js"></script> </head> <body> <p>段落1</p> <p>段落2</p> <p>段落3</p> <p>段落4</p> <p>段
-
使用vue点击li,获取当前点击li父辈元素的属性值方法
vue实现加载并展示后台数据的tab选项卡 vue用于渲染页面 jquery用于方法实现动态效果 <div class="content"> <!-- change方法, 数值改变触发 --> <select v-on:change="getData()" name="" id="dataSelect"> <option value="" v-bind:name=&
-
vue获取当前点击的元素并传值的实例
html: <span @click='zan(pl.id)' :data-id='pl.id'></span> js: zan(e){ var target=event.target; var dataid=e;//(pl.id的值); $(target)//当前点击的dom } 以上这篇vue获取当前点击的元素并传值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们. 您可能感兴趣的文章: Vue.js中兄弟组件之间互相传值实例 vue.js获得
-
vue 的点击事件获取当前点击的元素方法
首先 vue的点击事件 是用 @click = "clickfun()" 属性 在html中绑定的, 在点击的函数中 添加$event 参数就可以 比如 <button @click = "clickfun($event)">点击</button> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 } }, 以上这篇vue 的点击事件获取当前
-
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
:id绑定 :id="'a_'+index" 输出的id为a_0,a_1..... <div v-for="(item,index) in list" :key="index" > <div :id="'a'+index" @click="b(index)">哈哈哈</div> </div> 然后在vue的实例中就可以拿到对应的id b(index){ thi
-
jQuery获取多种input值的简单实现方法
获取input的checked值是否为true: 第一种: if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注:name即控件name属性,value即控件value属性 第二种: 可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式: if($("input[name=row_checkbox]").attr('ch
-
jQuery获取父元素及父节点的方法小结
本文实例总结了jQuery获取父元素及父节点的方法.分享给大家供大家参考,具体如下: jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, <ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> &
-
jquery获取table指定行和列的数据方法(当前选中行、列)
实例如下: //不多说,直接上代码. $("table tr").click(function() {//为表格的行添加点击事件 var tr = $(this);//找到tr原色 var td = tr.find("td");//找到td元素 alert(td[0].innerHTML);//指定下标即可 }) 今日项目中需要用到取table选中列的数据,网上资料发现都不能获取到选中指定列的数据,通过分析测试后总结出以上代码,可以获取选中行/列的数据.取td的数据
-
JavaScript和jQuery获取input框的绝对位置实现方法
实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>javascript与jQu
随机推荐
- ES6解构赋值实例详解
- 批处理实现过滤重复行
- 迁移图片目录的bat代码
- sql server 2008 忘记sa密码的解决方法
- 详解Spring Boot配置文件之多环境配置
- 对GridView的行加颜色并弹出Kindeditor的实现思路
- 详解Swift中的下标访问用法
- 20分钟打造属于你的Bootstrap站点
- 一个比较通用的分页控件,完整的设计时支持和比较流行的分页模式(提供源码下载)
- PHP比你想象的好得多
- SqlServer数据库提示 “tempdb” 的日志已满 问题解决方案
- C#操作SQLite数据库方法小结(创建,连接,插入,查询,删除等)
- mysql 服务意外停止1067错误解决办法小结
- PHP实现判断数组是一维、二维或几维的方法
- 配置Linux服务器SSH 安全访问的四个小技巧
- 解决Java程序使用MySQL时返回参数为乱码的示例教程
- Eclipse搭建spring开发环境图文教程(推荐)
- 详解微信小程序入门五: wxml文件引用、模版、生命周期
- php日历[测试通过]
- MyBatis入门学习教程(一)-MyBatis快速入门