jquery:库,框架

js,别人封装成的js

官网:http://jquery.com/

-----------------------------------
1.7

----------
jq 1.X 兼容ie6
jq 2.x 兼容ie9+

怎么来选择库:
    
    基于需求!
---------------------------------

稳定版本!

准备:
    库:
    帮助手册:

-------------------------------------------------
原生:
    window.onload=function(){}

doucment.getElementById('box')

jq:
    $(function(){
        
    })

$('#box')

hide()---display:none;
    show()---display:block;

$('#box').addClass('active');添个加一个class

$('#box').removeClass('active');删除class

$('#btn').hover(function(){
        $('#box').show();---鼠标移入
    },function(){
        $('#box').hide();---鼠标移出    
    });

$('#btn').toggle(function(){---点击显示隐藏!
        $('#box').show();
    },function(){
        $('#box').hide();    
    });

$(function(){-----上滑下滑!
        $('#btn').hover(function(){
            $('#box').slideDown();
        },function(){
            $('#box').slideUp();    
        });
    })

$(function(){----淡入淡出!
        $('#btn').hover(function(){
            $('#box').fadeIn();
        },function(){
            $('#box').fadeOut();    
        });
    })

----------------------------
--

结论:
    原生js:只用系统函数,自己写!

jq:别人写好的函数!

----------------------------------------------

回调函数:
    前一个函数执行完毕以后,再开始执行的这个函数!

================================================
jq选择器:

$('#div1')  获取一个元素!

$('.red') 获取一组class!

$('#ul1 .red') 获取#ul1下面的一组class(red)--具有优先级!

$('li') 标签来获取一组

-----------------------------------------

伪类选择器:
        $('li:first')  第一个li

$('li:last')  最后一个li
        $('li:eq(3)') 第某一个li

$('li:odd')  奇数
        $('li:even')  奇数

---------------------------------------------
特殊:
$('div:has(span)') ---根据标签里面包的span标签来获取这个标签div

$('div:contains(智)')---根据标签里面的内容来获取这个div!

-------------------------------------------------
属性选择器:

$('ul li input[type=text]')---通过input属性来获取一组input

=================================================
标签的内容:
    原生:
        普通:innerHTML
        表单:value

jq:
        普通:html();
        表单:val();

-----------------------------------------

前端学习(十九)jquery(笔记)的更多相关文章

  1. 前端学习:JS(面向对象)代码笔记

    前端学习:JS(面向对象)代码笔记 前端学习:JS面向对象知识学习(图解) 创建类和对象 创建对象方式1调用Object函数 <body> </body> <script ...

  2. 强化学习(十九) AlphaGo Zero强化学习原理

    在强化学习(十八) 基于模拟的搜索与蒙特卡罗树搜索(MCTS)中,我们讨论了MCTS的原理和在棋类中的基本应用.这里我们在前一节MCTS的基础上,讨论下DeepMind的AlphaGo Zero强化学 ...

  3. 前端学习(九):CSS基础

    进击のpython ***** 前端学习--CSS基础 CSS的样式可以写在哪呢?其实CSS的样式插入式十分灵活的 按照插入的形势来看,可以分为三种情况 而接下来就对这三种情况进行简单的讨论 内嵌式 ...

  4. 前端学习(十八)js的json(笔记)

    json: 数组:        1.有序        var arr=[2,1,3,4] arr[0]; 2.有length 3.普通for 4.下标数字 5.添加删除 splice json:  ...

  5. 前端学习(十四)js回顾和定时器(笔记)

    回顾知识点:    作用域:        1.全局变量:在任何位置都可以使用的变量        2.局部变量:只能在函数内部使用的变量        3.闭包:子函数可以使用父函数的局部变量 -- ...

  6. 前端学习(十二)js数据类型(笔记)

    选项卡:        for循环 for(初始值,条件,自增){}    for(var i=0; i<9;i++){} 几个按钮对应相同个内容!!! -------------------- ...

  7. 前端学习(十)初识js(笔记)

    js事件(公有属性) onclick=""  当点击...时! onmouseover="" 当鼠标移入...时!onmouseout="" ...

  8. jQuery源代码学习之九—jQuery事件模块

    jQuery事件系统并没有将事件坚挺函数直接绑定在DOM元素上,而是基于事件缓存模块来管理监听函数的. 二.jQuery事件模块的代码结构 //定义了一些正则 // // //jQuery事件对象 j ...

  9. 前端学习02:jQuery 日历

    引言:学习前端已经接近1个月了,先后经历了1周的 html+css, 2周的"JavaScript 从入门到下跪",期间还看了vue+webpack.然鹅,Mentor Brigh ...

随机推荐

  1. HDU-4003 Find Metal Mineral 树形DP (好题)

    题意:给出n个点的一棵树,有k个机器人,机器人从根节点rt出发,问访问完整棵树(每个点至少访问一次)的最小代价(即所有机器人路程总和),机器人可以在任何点停下. 解法:这道题还是比较明显的能看出来是树 ...

  2. 编译lineageos3

    待更 上次尝试将小米开源的内核Xiaomi_Kernel_OpenSource升级到最新版本,花了几天时间解决lineageos编译报错 最后总算成功编译出镜像文件了 but twrp刷入镜像在启动界 ...

  3. Mongo导出、导入

    1.mongodb 数据导出: connection options: /h, /host:<hostname> mongodb host to connect to (setname/h ...

  4. Java中"String.equals()“和"=="的区别

    Do NOT use the `==`` operator to test whether two strings are equal! It only determines whether or n ...

  5. php操作redis--生存时间篇

    常用函数:expireAt,expire,ttl 应用场景:登陆生效时间,验证码有效时间等 设置某个键的有效时间,如当天有效(以时间戳的方式设置) $expireTime = mktime('23', ...

  6. 【leetcode】996. Number of Squareful Arrays

    题目如下: Given an array A of non-negative integers, the array is squareful if for every pair of adjacen ...

  7. Druid数据源配置入门

    Druid是什么 Druid首先是一个数据库连接池.Druid是目前最好的数据库连接池,在功能.性能.扩展性方面,都超过其他数据库连接池,包括DBCP.C3P0.BoneCP.Proxool.JBos ...

  8. winform 控件拖拽和缩放

    核心类: using System; using System.Collections.Generic; using System.Drawing; using System.Linq; using ...

  9. 双目立体匹配经典算法之Semi-Global Matching(SGM)概述:匹配代价计算之互信息(Mutual Information,MI)

      半全局立体匹配算法Semi-Global Matching,SGM由学者Hirschmüller在2005年所提出1,提出的背景是一方面高效率的局部算法由于所基于的局部窗口视差相同的假设在很多情况 ...

  10. GO 学习资源收集

     golang图书,在线阅读Go轻松学https://www.golang123.com/book/16 Go示例学https://www.golang123.com/book/17 Go Web 编 ...