自学之jQuery-白红宇

自学之jQuery

阅读量：6171 次

发布时间：2019-06-21

本文共 2543 字，大约阅读时间需要 8 分钟。

最近在公司做项目的过程中，涉及到写前端部分，因为之前一直很少写前端，所以不是很熟悉，所以，在此写一下自学jQuery的过程，以及中途遇到的坑。

首先，要想使用jQuery必须先引入jQuery

对，没错，就上面那个<script src="./jquery-3.2.1.js"></script>那个

如果说没有引入jQuery使用$就会报错，没有定义，如上面的代码。

$(document).ready(function(){            alert(111)        })

这个一般用在初始化界面的时候调用，比如修改内容的时候，原来什么东西是隐藏的，就用这个，因为他是从页面加载的时候就存在的。

而下面的$(function){})就是上面的简写方式。

——————————————————————————————————————————————————————————————————————

下面是jQuery的选择器：

选择器的种类如上所示：分为ID选择器，标签选择器，类选择器，通配符选择器；当然这些是一种基础类型的选择器。

所需要注意的是，当一个选择器想要设置多个元素的时候采用{}的形式。

$('a').css('color','yellow')单个

$('.li3').css('background','green');

$('a').css({'color':'yellow','font-size':'24px'});多个

下面是层级选择器的使用方法：

子代选择器('div>p ')和后代选择器（'div p'）的最大区别就是在于子代是只选择儿子辈，后代是子子孙孙无穷尽。

而兄弟选择器('#father~p')和毗邻选择器('#father+p')最大区别在于兄弟是选择同一层级下的所有，而毗邻只是同一层级下的一个。

而

$('li:eq(3)').css('font-size','50px');

用的最多

属性选择器：

筛选选择器：

            
                              
                 
                      我是第一个span标签                我是第二个span标签                我是第三个span标签            
            
              
     
        
                 
      2
            
      3
            
      4
            
      5

筛选选择器的区别在于他是先选中之前的条件再去选择之后的条件：属于链式调用

转载于:https://www.cnblogs.com/zhoulixiansen/p/9278714.html

你可能感兴趣的文章