JQuery(中文社区:http://jquery.cuishifeng.cn/)

　　模块  类库  在不同语言叫法不一样而已

　　DOM/BOM/JavaScript的类库

　　一、查找元素

　　　　JQuery:

　　　　　　选择器：直接找到某个或某些标签

　　　　　　1.id

　　　　　　　　$("$id")

　　　　　　2.class

　　　　　　　　<div class="c1"></div>

　　　　　　　　$(".c1")

　　　　　　3.标签

　　　　　　　　$("a")     查找所有的<a>标签

　　　　　　4.组合

　　　　　　　　$("a,.c2,#i10")  查找<a>标签或class="c2"或id="i10"的标签

　　　　　　5.层级

　　　　　　　　$("#i1 a")  查找标签属性id="i1"下面的<a>标签

　　　　　　　　$("#i1 >a")   查找标签属性id="i1"的子标签

　　　　　　6.基本筛选器

　　　　　　　　:first     #找到标签下面的第一个标签

　　　　　　　　:gt(index)   :lt(index)    :ep(index)   :last　

　　　　　　7、属性

　　　　　　　　$('[attribute]')                                    具有attribute属性的所有标签

　　　　　　　　$('[attribute="value"]')　　　          属性等于attribute且值等于value的标签

　　　　　　筛选

　　　　　　实例：

　　　　　　　　多选，反选，全选

　　　　　　　　- 选择权

　　　　　　　　-

　　　　　　　　　　$("tb:checkbox").prop("checked")                                 #获取值

　　　　　　　　　　$("tb:checkbox").prop("checked",true)                          #设置值

　　　　　　　　-      $("#tb:checkboc").each(function(){

　　　　　　　　　　　　//k当前索引

　　　　　　　　　　　　//this,DOM,当前循环的元素$(this)

　　　　　　　　　　　　}}

　　　　　　　　-  var v=条件?false:true                         #三元运算  ，取反，真值，取假；假值，取真。

　　　　PS:

　　　　　　1.x           推荐使用1.x系列，兼容性好

　　　　　　2.x

　　　　　　3.x

　　　　　　转换

　　　　　　　　Jquery对象转换为Dom对象      $('#i1')[0] ===》document.getElementById("i1")

　　　　　　　　Dom对象                                      ===》   $(Dom对象)

　　　　引用：

　　　　　　在<body>下面引用<script src="jquery-1.12.4.js"><script>引用Jquery内容

　　　　筛选器：    --- JQuery里面根据当前标签进行筛选的标签

　　　　　　$().next()                 #当前标签的下一个标签

　　　　　　$().prevAll()           #查找上面所有的标签

　　　　　　$().prevUntil()        #查找上面同级标签，指导截至条件位置的标签

　　　　　　$().prev()                 #当前标签的上一个标签

　　　　　　$().parent()              #当前标签的父标签

　　　　　　$().parents()             #查找标签的所有父标签，包括祖父，祖先，顶端<html>

　　　　　　$().parentsUntil()    #查找父级标签的上级标签截至

　　　　　　$().children()           #当前标签所有的子标签

　　　　　　$().text()                  #获取标签的内容

　　　　　　$().siblings()            #获取所有的兄弟标签（sibling:兄弟姐妹）

　　　　　　$().find('.content)     #查找class=content的标签

　　二、操作元素

　　====》实例：

day17--JQuery的更多相关文章

  1. python_way day17 jQuery表单验证，事件绑定，插件，文本框架，正则表达式

    python_way day17 1.jQuery表单验证 dom事件绑定 jquery事件绑定 $.each return值的判断 jquery扩展方法 2.前段插件 3.jDango文本框架 4. ...

  2. Python学习-day17 jQuery method and demo

    一:介绍: jQuery:是DOM和js的封装.jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多).现在大多数的pc端的网站都 ...

  3. [Python自学] day-17 (jQuery)

    一.jQuery简介 参考文档链接:http://jquery.cuishifeng.cn/ jQuery是JS的一个类库,是对DOM.BOM等的封装,方便我们来查找和操作元素. jQuery分为1. ...

  4. python_way day17 html-day3 前端插件（fontawsome，easyui，bootstrap，jqueryui，bxslider，jquerylazyload），web框架

    python_way day17 一.模板插件 图标的插件 fontawsome: 后台管理: easyui jqueryui 很多网站都会用: bootstrap :引入jQuery:(2.x,1. ...

  5. Python之路,Day17 - 分分钟做个BBS论坛

    Python之路,Day17 - 分分钟做个BBS论坛   本节内容: 项目:开发一个简单的BBS论坛 需求: 整体参考"抽屉新热榜" + "虎嗅网" 实现不同 ...

  6. Angular杂谈系列1-如何在Angular2中使用jQuery及其插件

    jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大 ...

  7. jQuery UI resizable使用注意事项、实时等比例拉伸及你不知道的技巧

    这篇文章总结的是我在使用resizable插件的过程中,遇到的问题及变通应用的奇思妙想. 一.resizable使用注意事项 以下是我在jsfiddle上写的测试demo:http://jsfiddl ...

  8. Jquery的点击事件，三句代码完成全选事件

    先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...

  9. jQuery实践-网页版2048小游戏

    ▓▓▓▓▓▓ 大致介绍 看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了, ...

  10. jquery和Js的区别和基础操作

    jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...

随机推荐

  1. 数据库中DQL、DML、DDL、DCL的概念与区别

    SQL(Structure Query Language)语言是数据库的核心语言. SQL语言共分为四大类:数据定义语言DDL,数据操纵语言DML,数据查询语言DQL,数据控制语言DCL. 1. 数据 ...

  2. 基于Redisson实现分布式锁

    前言 最近开发了几个微服务上线了,发现定时任务执行了很多次,查看rancher发现这几个微服务都是多实例的,也就是说定时任务执行了多次,恰好所用框架中使用的是Redisson, 正好记录下使用Redi ...

  3. PB9.0数据窗口入门

    因为工作的关系,最近公司用PB比较多,至少10年没用过PB了,回顾一下数据窗口使用方法.1.代码结构 2.数据窗口 3.代码窗口代码 APP入口代码 4.需要使用DataBase插入一条数据 5.执行 ...

  4. bean之间的继承和依赖关系

    继承Bean配置 Spring允许继承bean的配置,被继承的bean称为父bean,继承这个父Bean的Bean称为子Bean 子Bean从父Bean中继承配置,包括Bean的属性配置 子Bean可 ...

  5. leetcode --binary tree

    1. 求深度: recursive 遍历左右子树,递归跳出时每次加一. int maxDepth(node * root) { if(roor==NULL) return 0; int leftdep ...

  6. Java EE之Struts2路径访问小结

    一.项目WEB视图结构 注释:struts.xml:最普通配置,任何无特殊配置 二.访问页面 1.访问root.jsp //方式1: http://localhost/demo/root.jsp // ...

  7. POJ2421 Constructing Roads【最小生成树】

    题意: 有N个点,有些点已经连接了,然后求出所有点的连接的最短路径是多少. 思路: 最小生成树的变形,有的点已经连接了,就直接把他们的权值赋为0,一样的就做最小生成树. 代码: prime: #inc ...

  8. <转载>Mac下，使用sshpass让iterm2支持多ssh登录信息保存

    windows里有个Xshell非常的方便好使,因为它能保存你所有的ssh登录帐号信息.MAC下并没有xshell,有些也提供这样的功能,但效果都不好.iterm2是很好的终端,但却不能很好的支持多p ...

  9. mysql 架构 ~ binlog_server

    一 简介 mysql binlog server 二 目的 实时备份线上的binlog 利用备份+binlog进行任何时间点的恢复 三  详细信息    1 基本命令 /usr/local/mysql ...

  10. 一步步使用Code::Blocks进行设置断点调试程序

    一.调试之前要做的工作 首先,我们要确保Code::Blocks的配置正确,调试工作才能进行得更顺利 为此,我们需要生成调试符号.调试符号可以让调试器知道代码的哪一行正在执行,这样你就可以知道程序运行 ...