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 相关文章推荐
WordPress 照片lightbox效果的运用几点
Jun 22 Javascript
jquery 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
May 05 Javascript
js 动态修改css文件的方法
Aug 05 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
用JS实现轮播图效果(二)
Jun 26 Javascript
jQuery 常见小例汇总
Dec 14 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
js判断文件类型大小并给出提示的实现方法
Jan 03 Javascript
JavaScript实现求最大公共子串的方法
Feb 03 Javascript
js实现点击按钮复制文本功能
Jul 20 Javascript
详解webpack编译速度提升之DllPlugin
Feb 05 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过滤危险html代码
2008/08/18 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
jquery dialog键盘事件代码
2010/08/01 Javascript
开发插件的两个方法jquery.fn.extend与jquery.extend
2013/11/21 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
2013/12/01 Javascript
JS实现往下不断流动网页背景的方法
2015/02/27 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
2016/07/14 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
jQuery实现表单动态加减、ajax表单提交功能
2018/06/08 jQuery
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
2020/09/02 Javascript
浅析vue中的nextTick
2020/12/28 Vue.js
[02:35]DOTA2英雄基础教程 狙击手
2014/01/14 DOTA
Python分析学校四六级过关情况
2017/11/22 Python
使用Python实现跳帧截取视频帧
2019/05/31 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
使用Numpy对特征中的异常值进行替换及条件替换方式
2020/06/08 Python
python中的yield from语法快速学习
2020/11/06 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
妇科医生自荐信
2013/11/05 职场文书
高一自我鉴定
2013/12/17 职场文书
解除劳动合同协议书范本
2014/04/14 职场文书
公司担保书格式范文
2014/05/12 职场文书
社区春季防火方案
2014/06/02 职场文书
中秋节国旗下演讲稿
2014/09/13 职场文书
工作检讨书500字
2014/10/19 职场文书
作文批改评语
2014/12/25 职场文书
2016元旦晚会主持人开场白和结束语
2015/12/03 职场文书
用Python创建简易网站图文教程
2021/06/11 Python