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常用的选择器相关推荐

  1. Jquery常用的选择器有哪些?用途有什么不同?

    (1)问题分析: 考官主要考查Jquery选择器的分类,不同. (2)核心答案讲解: Jquery选择器总共有四大类:基本选择器.层级选择器.过滤选择器.表单选择器,利用不同的选择器我们可以获取和筛选 ...

  2. jQuery常用选择器有哪些?

    jQuery常用选择器有哪些? jQuery里面使用最频繁的选择器应该就是 id选择器$('#element-id') class选择器$('.class-name') 标签选择器$('element ...

  3. 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API

      1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...

  4. jquery 常用选择器和方法以及遍历(超详细)

    jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...

  5. jQuery常用的层次选择器

    常用层次选择器 儿子 手机品牌 苹果 华为 vivo 电脑品牌 苹果 联想 戴尔 销量排行 vivo 苹果 华为 <!DOCTYPE html> <html> <head ...

  6. jQuery 常用选择器

    jQuery 选择器简介 jquery的选择器有:1.基本选择器(ID.元素.类选择器等):2.基本过滤选择器(:first.:last.:even等):3.内容过滤选择器(:empty.:has() ...

  7. 转:初探 jQuery 的 Sizzle 选择器

    这是一篇关于介绍jQuery Sizzle选择器的文章,由我和obility共同完成.在文中,我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理,以及末了以少许文字给你 ...

  8. 30个最常用css选择器解析

    你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领 ...

  9. jquery常见的选择器

    jquery常见的选择器 具体参考官方API:http://jquery.cuishifeng.cn/ 1. 基本选择器 1.通配符选择器 * 用于选择所有元素2.元素选择器 选择文档的元素 如htm ...

最新文章

  1. JQuery Deferred 对象
  2. Linux运行hadoop命令,将hadoop程序打成jar包,在linux下以命令行方式运行(例如单词计算程序)...
  3. Web Form调用Windows Form的控件
  4. LED音乐频谱之点阵
  5. 计算机教案评比,信息技术课堂教学评比案例——多媒体作品合成;
  6. Python绘制图形之Matplotllib绘图
  7. 12层的bert参数量_只需一个损失函数、一个超参数即可压缩BERT,MSRA提出模型压缩新方法...
  8. DT时代下 数据库灾备的探索与实践
  9. transform中的token理解(单词或词语的标记)
  10. python颜值分析
  11. l360清零软件无响应_张店楼顶商业广告全面“清零”!城市“天际线”颜值再刷新...
  12. 一个aov网用邻接矩阵表示_第6章+图习题解析
  13. 在单例Bean中依赖原型Bean问题解决
  14. Unity初级坦克大战游戏实现(Battle Tank)带工程源码资源包(二)
  15. 甘超波:NLP表象系统
  16. android网络请求忽略证书,android,_Okhttp3 忽略证书问题,android - phpStudy
  17. 宁波初级职称证书查询
  18. iPhone12充电功率多少W
  19. 经典的机器学习200道面试题及答案
  20. Ubuntu下mentohust的配置

热门文章

  1. 远程服务器安装docker和docker-compose
  2. java切割文件_Java如何将大文件切割成小文件
  3. python selenium grid_selenium grid 使用
  4. python项目简历内容包括哪些方面_简历的基本信息包括哪些?
  5. 【必看】局域网ip地址不够用怎么办?
  6. 台式计算机m9870t,JBT9870_水力测功器最新标准规范(14页)-原创力文档
  7. 全面容器化之后,来电科技如何实现微服务治理?
  8. 从零入门 Serverless | 架构的演进
  9. 用python处理excel表格_python用win32com处理excel表格
  10. nbu无法运行java控制台_Netbackup:nbu常见错误及故障解决