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. Python异常处理和进程线程-day09

    写在前面 上课第九天,打卡: 最坏的结果,不过是大器晚成: 一.异常处理 - 1.语法错误导致的异常 - 这种错误,根本过不了python解释器的语法检测,必须在程序运行前就修正: - 2.逻辑上的异 ...

  2. 16. Spring boot 错误页面

      默认效果:1).浏览器,返回一个默认的错误页面 1.1 请求头 1.2返回结果 2).如果是其他客户端,默认响应一个json数据 2.1请求头 2.2返回结果 { "timestamp& ...

  3. 01、@ConfigurationProperties 将属性文件里的值映射到JavaBean

    @ConfigurationProperties("person") //或是prefix属性 @Component //必须注册成容器中的bean被容器管理起来 public c ...

  4. C++内存管理（转）http://www.cnblogs.com/qiubole/archive/2008/03/07/1094770.html

    [导语] 内存管理是C++最令人切齿痛恨的问题,也是C++最有争议的问题,C++高手从中获得了更好的性能,更大的自由,C++菜鸟的收获则是一遍一遍的检查代码和对C++的痛恨,但内存管理在C++中无处不 ...

  5. transition，过渡效果

    语法: transtion:property time change-speed delay. 人话就是:属性(property )在多少秒内(time )通过什么样的速度(change-speed) ...

  6. Database学习 - mysql 数据库 数据操作

    mysql数据操作 查询语法 select * | field1,field1 ... from 表名 where 条件 group by 字段 having 筛选 order by 字段 limit ...

  7. 给bootstrap table设置行列单元格样式

    1.根据单元格或者行内其他单元格的内容,给该单元格设置一定的css样式 columns: [{ field: 'index', title: '序号', align:"center" ...

  8. Mysql 插入中文错误：Incorrect string value: '\xE7\xA8\x8B\xE5\xBA\x8F...' for column 'course' at row 1

    create table my_user (    id tinyint(4) not null auto_increment,    account varchar(255) default nul ...

  9. Java中eclipse与命令行向main函数传递参数

    我们知道main函数是java程序的入口,main函数的参数类型是String[]. 1.Eclipse中向main方法传递参数 例如: public class Mytest { public st ...

  10. C++中构造函数和析构函数的调用顺序

    一般而言,析构函数调用的顺序和构造函数调用顺序相反,但是,对象的存储类别可以改变调用析构函数的顺序.举例说明: CreateAndDestroy类的定义 CreateAndDestroy类的成员函数的 ...