jQuery获取this当前对象子元素对象的方法


Posted in Javascript onNovember 29, 2016

如下所示:

<select id="city">
   <option value="beijing">北京</option>
   <option value="shanghai">上海</option>
   <option value="shenzhen">深圳</option>
</select>
$(function(){
  $("#city").change(function(){
    ①// 已获取select为当前this元素
  })
})

如果想要在①获取选中option的值可以有如下方法

$("#city option:selected").val(); //使用选择器
$(this).children('option:selected').val() //使用this

有时候我们会想当然的这样写 $(this “a”), $(“this a”)之类,这样是不对的

以上这篇jQuery获取this当前对象子元素对象的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery插件 easyUI属性汇总
Jan 19 Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
js实现超酷的照片墙展示效果图附源码下载
Oct 08 Javascript
Javascript编程中几种继承方式比较分析
Nov 28 Javascript
javascript数组克隆简单实现方法
Dec 16 Javascript
非常漂亮的相册集 使用jquery制作相册集
Apr 28 Javascript
原生js实现键盘控制div移动且解决停顿问题
Dec 05 Javascript
javascript实现Java中的Map对象功能的实例详解
Aug 21 Javascript
js获取html页面代码中图片地址的实现代码
Mar 05 Javascript
vue.js实现带日期星期的数字时钟功能示例
Aug 28 Javascript
JavaScript中return用法示例
Nov 29 #Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 #Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 #Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
Nov 29 #Javascript
JS 拦截全局ajax请求实例解析
Nov 29 #Javascript
JS正则替换掉小括号及内容的方法
Nov 29 #Javascript
详解堆的javascript实现方法
Nov 29 #Javascript
You might like
基于文本的搜索
2006/10/09 PHP
Breeze 文章管理系统 v1.0.0正式发布
2006/12/14 PHP
isset和empty的区别
2007/01/15 PHP
坏狼php学习 计数器实例代码
2008/06/15 PHP
基于wordpress主题制作的具体实现步骤
2013/05/10 PHP
thinkphp实现图片上传功能
2016/01/13 PHP
PHP制作登录异常ip检测功能的实例代码
2016/11/16 PHP
laravel入门知识点整理
2020/09/15 PHP
用js闭包的方法实现多点标注冒泡示例
2014/05/29 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
jQuery实现查找最近父节点的方法
2016/06/23 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
原生js实现仿window10系统日历效果的实例
2017/10/31 Javascript
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
微信小程序wxs实现吸顶效果
2020/01/08 Javascript
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
[14:56]教你分分钟做大人:巫医
2014/10/30 DOTA
python模拟enum枚举类型的方法小结
2015/04/30 Python
基于DataFrame改变列类型的方法
2018/07/25 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
django的ORM操作 增加和查询
2019/07/26 Python
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
100%植物性、有机、即食餐:Sakara Life
2018/10/25 全球购物
新浪网技术部笔试题
2016/08/26 面试题
2014年道德讲堂实施方案
2014/03/05 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
消防安全月活动总结
2015/05/08 职场文书
Ubuntu安装Mysql+启用远程连接的完整过程
2022/06/21 Servers