jQuery常用的选择器
1.链式风格
对应同一个对象,不超过三个操作,可以写成一行
$("li").show().unbind("click");
同一个对象,多个操作,建议分多行写,切加上注释
//等待dom元素加载完毕.
$(document).ready(function(){$(".has_children").click(function(){$(this).addClass("highlight") //为当前元素增加highlight类.children("a").show().end() //将子节点的a元素显示出来并重新定位到上次操作的元素.siblings().removeClass("highlight") //获取元素的兄弟元素,并去掉他们的highlight类.children("a").hide(); //将兄弟元素下的a元素隐藏});
});
如下,不加注释,很难看懂是什么意思
//id为table的表格里,如果每一行的最后一列的checkbox 没有被禁用,则把这一行的背景色设为红色
$("#table>tbody>tr:has(td:last:has(:checkbox:enabled))").css("background","red");
2.jQuery 和 Dom 的区别
//和Dom的区别$("#foo").html(); //等同于document.getElementById("foo").innerHTML$("#id").attr("checked"); //等同于document.getElementById("foo").checked
//声明变量var $variable = JQuery 对象 var variable = DOM 对象//jQuery 转换为 dom//jQuery对象是个数组对象,可以通过[index]来转换为dom对象var $arr = $("#id");var a = $arr[0];alert(a.checked);//通过jQuery 自己提供的方法getvar $arr = $("#id");var a = $arr.get(0);alert(a.checked);
//dom 转 jQuery 对象var arr - document.getElementById("#id");var $a = $(arr);
3.是否存在的判断方式
//判断方式if (cr.checked) {}; //dom方式判断if ($cr.is(:checked)) {}; //jQuery方式判断
4. 解决jQuery 库和其他库(prototype.js)的冲突
//解决jQuery 库和其他库(prototype.js)的冲突jQuery.noConflict();//将变量$的控制权移交给prototype.jsjQuery(function(){jQuery("p").click(function(){alert(jQuery(this).text)});});$("#pp").style.display = 'none' ; //使用prototype//先倒入jQuery 库,这样就可以直接使用“jQuery”来做jQuery的工作,同时$()方法作为其他库的快捷方式,无需调用jQuery.noConflict()函数。
5.选择器
(1)基本选择器
(2)层次选择器
(3)过滤选择器
1).基本过滤选择器
(4)表单选择器
图片新闻预览效果,点击到图片上显示大图预览
$(function(){$("a.tooltip").mouseover(function(e){var tip = "<div id='tooltip'><img src='"+this.href+"' title='"+this.title+"'/>"+this.title+"</div>";$("body").append(tip);$("#tooltip").css({"top":e.pageY+"px","left":e.pageX+"px"}).show("fast");}).mouseout(function(){$("#tooltip").remove();});
});
转载于:https://www.cnblogs.com/estellez/p/4235364.html
jQuery常用的选择器相关推荐
- Jquery常用的选择器有哪些?用途有什么不同?
(1)问题分析: 考官主要考查Jquery选择器的分类,不同. (2)核心答案讲解: Jquery选择器总共有四大类:基本选择器.层级选择器.过滤选择器.表单选择器,利用不同的选择器我们可以获取和筛选 ...
- jQuery常用选择器有哪些?
jQuery常用选择器有哪些? jQuery里面使用最频繁的选择器应该就是 id选择器$('#element-id') class选择器$('.class-name') 标签选择器$('element ...
- 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API
1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...
- jquery 常用选择器和方法以及遍历(超详细)
jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...
- jQuery常用的层次选择器
常用层次选择器 儿子 手机品牌 苹果 华为 vivo 电脑品牌 苹果 联想 戴尔 销量排行 vivo 苹果 华为 <!DOCTYPE html> <html> <head ...
- jQuery 常用选择器
jQuery 选择器简介 jquery的选择器有:1.基本选择器(ID.元素.类选择器等):2.基本过滤选择器(:first.:last.:even等):3.内容过滤选择器(:empty.:has() ...
- 转:初探 jQuery 的 Sizzle 选择器
这是一篇关于介绍jQuery Sizzle选择器的文章,由我和obility共同完成.在文中,我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理,以及末了以少许文字给你 ...
- 30个最常用css选择器解析
你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领 ...
- jquery常见的选择器
jquery常见的选择器 具体参考官方API:http://jquery.cuishifeng.cn/ 1. 基本选择器 1.通配符选择器 * 用于选择所有元素2.元素选择器 选择文档的元素 如htm ...
最新文章
- JQuery Deferred 对象
- Linux运行hadoop命令,将hadoop程序打成jar包,在linux下以命令行方式运行(例如单词计算程序)...
- Web Form调用Windows Form的控件
- LED音乐频谱之点阵
- 计算机教案评比,信息技术课堂教学评比案例——多媒体作品合成;
- Python绘制图形之Matplotllib绘图
- 12层的bert参数量_只需一个损失函数、一个超参数即可压缩BERT,MSRA提出模型压缩新方法...
- DT时代下 数据库灾备的探索与实践
- transform中的token理解(单词或词语的标记)
- python颜值分析
- l360清零软件无响应_张店楼顶商业广告全面“清零”!城市“天际线”颜值再刷新...
- 一个aov网用邻接矩阵表示_第6章+图习题解析
- 在单例Bean中依赖原型Bean问题解决
- Unity初级坦克大战游戏实现(Battle Tank)带工程源码资源包(二)
- 甘超波:NLP表象系统
- android网络请求忽略证书,android,_Okhttp3 忽略证书问题,android - phpStudy
- 宁波初级职称证书查询
- iPhone12充电功率多少W
- 经典的机器学习200道面试题及答案
- Ubuntu下mentohust的配置
热门文章
- 远程服务器安装docker和docker-compose
- java切割文件_Java如何将大文件切割成小文件
- python selenium grid_selenium grid 使用
- python项目简历内容包括哪些方面_简历的基本信息包括哪些?
- 【必看】局域网ip地址不够用怎么办?
- 台式计算机m9870t,JBT9870_水力测功器最新标准规范(14页)-原创力文档
- 全面容器化之后,来电科技如何实现微服务治理?
- 从零入门 Serverless | 架构的演进
- 用python处理excel表格_python用win32com处理excel表格
- nbu无法运行java控制台_Netbackup:nbu常见错误及故障解决