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的多标签实现代码
Sep 19 Javascript
javascript中判断一个值是否在数组中并没有直接使用
Dec 17 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
Apr 15 Javascript
javascript实现倒计时(精确到秒)
Jun 26 Javascript
jQuery实现鼠标选文字发新浪微博的方法
Apr 02 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
js 去掉字符串前后空格实现代码集合
Mar 25 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
Mar 23 Javascript
Node.js API详解之 V8模块用法实例分析
Jun 05 Javascript
JS判断数组是否包含某元素实现方法汇总
Jun 24 Javascript
vue实现登录拦截
Jun 29 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
PHP-CGI进程CPU 100% 与 file_get_contents 函数的关系分析
2011/08/15 PHP
PHP函数microtime()用法与说明
2013/12/04 PHP
linux下为php添加iconv模块的方法
2016/02/28 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
Javascript数组操作函数总结
2015/02/05 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
理解Javascript文件动态加载
2016/01/29 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
2016/09/24 Javascript
jquery实现点击页面回到顶部
2016/11/23 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
2017/01/03 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
Vue路由前后端设计总结
2019/08/06 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
小程序实现投票进度条
2019/11/20 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
微信小程序实现自定义底部导航
2020/11/18 Javascript
跟老齐学Python之永远强大的函数
2014/09/14 Python
python 垃圾收集机制的实例详解
2017/08/20 Python
python实现向微信用户发送每日一句 python实现微信聊天机器人
2019/03/27 Python
python3实现微型的web服务器
2019/09/03 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
HTML5地理定位与第三方工具百度地图的应用
2016/11/17 HTML / CSS
印度购买眼镜和太阳镜网站:Coolwinks
2018/09/26 全球购物
介绍一下Make? 为什么使用make
2013/12/08 面试题
拉拉队口号
2014/06/16 职场文书
2014年财务个人工作总结
2014/12/08 职场文书
幼师求职自荐信
2015/03/26 职场文书
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang