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 相关文章推荐
网页中的图片的处理方法与代码
Nov 26 Javascript
jquery 图片上传按比例预览插件集合
May 28 Javascript
网站如何做到完全不需要jQuery也可以满足简单需求
Jun 27 Javascript
解决jquery版本冲突的有效方法
Sep 02 Javascript
基于jQuery实现表单提交验证
Nov 24 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
Sep 14 Javascript
全面介绍javascript实用技巧及单竖杠
Jul 18 Javascript
Angular2 父子组件通信方式的示例
Jan 29 Javascript
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
js中null与空字符串""的区别讲解
Jan 17 Javascript
页面内锚点定位及跳转方法总结(推荐)
Apr 24 Javascript
ES11屡试不爽的新特性,你用上了几个
Oct 21 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
非常不错的MySQL优化的8条经验
2008/03/24 PHP
深入PHP curl参数的详解
2013/06/17 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
php给数组赋值的实例方法
2019/09/26 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
event.srcElement+表格应用
2006/08/29 Javascript
前端开发的开始---基于面向对象的Ajax类
2010/09/17 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
JS的数组迭代方法
2015/02/05 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
整理Javascript基础语法学习笔记
2015/11/29 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
2016/08/23 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
2016/10/10 Javascript
原生JS实现不断变化的标签
2017/05/22 Javascript
很棒的vue弹窗组件
2017/05/24 Javascript
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
Vue组件选项props实例详解
2017/08/18 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
基于vue-cli3和element实现登陆页面
2019/11/13 Javascript
python中查找excel某一列的重复数据 剔除之后打印
2013/02/10 Python
在Anaconda3下使用清华镜像源安装TensorFlow(CPU版)
2020/04/19 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
Java如何基于wsimport调用wcf接口
2020/06/17 Python
python调用jenkinsAPI构建jenkins,并传递参数的示例
2020/12/09 Python
Carter’s官方旗舰店:美国受欢迎的婴童服装品牌
2018/01/21 全球购物
印尼网上商店:Alfacart.com
2019/03/11 全球购物
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上?
2013/03/30 面试题
幼儿园家长会邀请函
2014/01/15 职场文书
幼儿园数学教学反思
2014/02/02 职场文书
环境工程专业自荐信范文
2014/06/24 职场文书
秋季运动会开幕词
2015/01/28 职场文书
致三级跳运动员加油稿
2015/07/21 职场文书
公司团队口号霸气押韵
2015/12/24 职场文书