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 相关文章推荐
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
用js统计用户下载网页所需时间的脚本
Oct 15 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 Javascript
jQuery.clean使用方法及思路分析
Jan 07 Javascript
js实现div在页面拖动效果
May 04 Javascript
React快速入门教程
Jan 17 Javascript
原生js实现验证码功能
Mar 16 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
Mar 22 Javascript
node 命令方式启动修改端口的方法
May 12 Javascript
vue-cli配置全局sass、less变量的方法
Jun 06 Javascript
微信小程序实现下拉加载更多商品
Dec 29 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 第二节 数据类型之转换
2012/04/28 PHP
php缩放图片(根据宽高的等比例缩放)实例介绍
2013/06/09 PHP
jQuery Div中加载其他页面的实现代码
2009/02/27 Javascript
Javascript 面向对象 继承
2010/05/13 Javascript
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
eval的两组性能测试数据
2012/08/17 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
JS实现选项卡实例详解
2015/11/17 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
2016/09/09 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
vue使用axios实现文件上传进度的实时更新详解
2017/12/20 Javascript
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
python的正则表达式re模块的常用方法
2013/03/09 Python
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
对numpy的array和python中自带的list之间相互转化详解
2018/04/13 Python
对Python获取屏幕截图的4种方法详解
2019/08/27 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
关于Python字符编码与二进制不得不说的一些事
2020/10/04 Python
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
英国健康和美容技术产品购物网站:CurrentBody
2019/07/17 全球购物
商场经理竞聘演讲稿
2014/01/01 职场文书
环保建议书
2014/03/12 职场文书
高中生个性发展自我评价
2015/03/09 职场文书
复兴之路观后感3000字
2015/06/02 职场文书
2015年公司中秋节致辞
2015/07/31 职场文书
2016年端午节寄语
2015/12/04 职场文书
2016七夕情人节感言
2015/12/09 职场文书
小学音乐课教学反思
2016/02/18 职场文书
MySQL 四种连接和多表查询详解
2021/07/16 MySQL
Python 匹配文本并在其上一行追加文本
2022/05/11 Python