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 相关文章推荐
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
Mar 15 Javascript
javascript同页面多次调用弹出层具体实例代码
Aug 16 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
javascript特殊日历控件分享
Mar 07 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
May 30 Javascript
JS只能输入正整数的简单实例
Oct 07 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
Sep 15 Javascript
DatePickerDialog 自定义样式及使用全解
Jul 09 Javascript
vue 实现单选框设置默认选中值
Nov 07 Javascript
js 闭包深入理解与实例分析
Mar 19 Javascript
Nuxt.js 静态资源和打包的操作
Nov 06 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
PHP JSON格式数据交互实例代码详解
2011/01/13 PHP
php删除页面记录 同时刷新页面 删除条件用GET方式获得
2012/01/10 PHP
php生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
php实现微信支付之现金红包
2018/05/30 PHP
浅析PHP7 的垃圾回收机制
2019/09/06 PHP
Dom在ajax技术中的作用说明
2010/10/25 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
JS跨域代码片段
2012/08/30 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
JS实现黑色大气的二级导航菜单效果
2015/09/18 Javascript
javascript入门教程基础篇
2015/11/16 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
2016/10/08 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
2018/07/26 Javascript
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
Javascript和jquery在selenium的使用过程
2019/10/31 jQuery
JS表格的动态操作完整示例
2020/01/13 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
[01:29]2017 DOTA2国际邀请赛官方英雄手办展示
2017/03/18 DOTA
Python中每次处理一个字符的5种方法
2015/05/21 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
python利用Tesseract识别验证码的方法示例
2019/01/21 Python
Python中字典与恒等运算符的用法分析
2019/08/22 Python
ManoMano英国:欧洲第一家专注于DIY和园艺市场的电商平台
2020/03/12 全球购物
自我鉴定注意事项
2014/01/19 职场文书
甘南现象心得体会
2014/09/11 职场文书
中学生自我评价2015
2015/03/03 职场文书
庆七一主持词
2015/06/29 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
辞职申请书范本
2019/05/20 职场文书
《辉夜大小姐想让我告白》第三季正式预告
2022/03/20 日漫