jQuery获取对象简单实现方法小结


Posted in Javascript onOctober 30, 2014

监控一个容器,当用户点击时弹出

代码如下

$(function(){
$("Element").click{function(){
alert("点击我哦!");
}
}
});

基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦,但是他俩是可以转换滴)

代码如下

$("*") ‘表示获取所有对象 但是我至今没这样用过

$("#XXX") '获得 id=XXX 的元素对象(id可以是标签的id或CSS样式id) 常用

$("input[name='username']") 获得input标签中name='userName'的元素对象 常用

$(".abc") ' 获得样式class的名字是.abc的元素对象 常用

$("div") ' 标签选择器 选择所有的div元素 常用

$("#a,.b,span") '表示获得ID是(3water.com)a的元素和使用了类样式b的元素以及所有的span元素

$("#a .b p") 'ID号是a的并且使用了 b样式的 所有的p元素

假设有如下代码。

var target_obj = jQuery('#target_obj_id');

则,若需要判断id为target_obj_id是否存在的话,可以实现的方法有一下两种:

1、

代码如下

if (target_obj.length > 0) { //如果大于0 标识 id 为target_obj_id的对象存在,否则不存在
//对象存在的处理逻辑

} else {

//对象不存在的处理逻辑

}

2、

代码如下

if (target_obj[0]) {
//对象存在的处理逻辑

} else {

//对象不存在的处理逻辑

}
Javascript 相关文章推荐
Javascript miscellanea -display data real time, using window.status
Jan 09 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
jquery选择器之层级过滤选择器详解
Jan 27 Javascript
Javascript 6里的4个新语法
Aug 25 Javascript
js运动事件函数详解
Oct 21 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
微信小程序中用WebStorm使用LESS
Mar 08 Javascript
Bootstrap Multiselect 常用组件实现代码
Jul 09 Javascript
ionic2懒加载配置详解
Sep 01 Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 Javascript
详解node登录接口之密码错误限制次数(含代码)
Oct 25 Javascript
JavaScript仿京东轮播图效果
Feb 25 Javascript
js 通过cookie实现刷新不变化树形菜单
Oct 30 #Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 #Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 #Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 #Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 #Javascript
如何调试异步加载页面里包含的js文件
Oct 30 #Javascript
fckeditor粘贴Word时弹出窗口取消的方法
Oct 30 #Javascript
You might like
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
php返回相对时间(如:20分钟前,3天前)的方法
2015/04/14 PHP
试用php中oci8扩展
2015/06/18 PHP
使用laravel的Eloquent模型如何获取数据库的指定列
2019/10/17 PHP
js下通过prototype扩展实现indexOf的代码
2010/12/08 Javascript
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
Bootstrap3学习笔记(二)之排版
2016/05/20 Javascript
AngularJS用户选择器指令实例分析
2016/11/04 Javascript
vue 父组件中调用子组件函数的方法
2019/06/06 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
Vue组件模板的几种书写形式(3种)
2020/02/19 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
python框架django基础指南
2016/09/08 Python
Python自动化运维之IP地址处理模块详解
2017/12/10 Python
pandas DataFrame实现几列数据合并成为新的一列方法
2018/06/08 Python
使用Python函数进行模块化的实现
2019/11/15 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
python3.7 openpyxl 在excel单元格中写入数据实例
2020/09/01 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
StubHub智利:购买和出售您的门票
2016/11/23 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
类和结构的区别
2012/08/15 面试题
工作分析计划书
2014/04/30 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
小兵张嘎观后感
2015/06/03 职场文书
酒店温馨提示语
2015/07/14 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
python字符串的多行输出的实例详解
2021/06/08 Python
「租借女友」第2季樱泽墨角色PV&新视觉图公开
2022/03/21 日漫
Golang 字符串的常见操作
2022/04/19 Golang