jQuery基础知识点

1、入口: 
    a、jQuery(document).ready(function(){在这里开始写内容})
    b、$(document).ready(function(){在这里开始写内容})
    c、$(function(){在这里开始写内容})
    可以有多个入口,而js只能有一个。
    
2、jQuery引入
    a、在本地直接引入——<script src="jquery-1.10.2.min.js"></script> 
    b、在CDN上引入——<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>

3、jQuery优点:写得少,做的多、兼容性好
    jQuery库包含以下内容:HTML元素选取、HTML元素操作、CSS操作、HTML事件函数、JavaScript特效和HTML遍历和修改。

4、jQuery和JavaScript的区别:
    执行时机:  window.onload 必须等待网页    全部加载完毕(包括图片)然后再执行包裹代码。
                       $(function(){}) 只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码。
    
    执行次数:    js 执行一次,如果有第二次那么第一次就会被覆盖。
                         jQuery执行多次,不会覆盖。
    
    写法: window.οnlοad=function(){}
                jquery 的可以简写

5、jQuery的选择器分为: 基本选择器、层级选择器、过滤选择器、筛选选择器
    基本选择器:标签、类名、id、并集选择器、交集选择器(j交集选择器写的时候得挨着不能有空格)
    层级选择器:子代、后代。
    过滤选择器:
        :eq(index)     选择索引号是index的元素
        :odd             选择索引号是奇数的元素
        :even          选择索引号是偶数的元素
    筛选选择器:
        子类选择器:$(".box").children()   选取类名为box的子代         children(selector)
        后代选择器:$(".box").find("li")    选取类名为box的后代叫li标签的后代     find(selector)
        兄弟选择器:$(".outer>li:eq(2)).siblings()     选取索引为2的li的兄弟们        siblings(selector)
        父亲选择器:$("#first").parent();    查找父亲 
        下一个兄弟:$(".outer").next()    
        上一个兄弟:$(".outer2").prev()
        获取当前位置:$(".outer2").index();
        获取除去这个之外的所有的:not   $("li:not(.no)")    
    阻止冒泡:event.stopPropagation()
    阻止默认事件:event.preventDefault()
    全部阻止:return false;

6、事件跟js大体一样,去掉on即可。
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值