jQuery入门

忘是亡心i 2023-07-08 02:45 84阅读 0赞

现在我开始学习前端的js框架jQuery,虽然还要学很多东西,但是我也会坚持下去,万事开头难,坚持就是一种人生态度,在我自学的过程中,发现问题,解决问题.没有什么可以让我放弃,我喜欢这个方向,为之努力.加油

jQuery

入口函数
作用:先加载文档,在执行这里面的代码.

  1. $(function(){
  2. })

jQuery对象
直接用jQuery语法得到的就是jQuery对象
eg:
获取一个div,这个divl就是一个jQuery对象.

  1. $('div')
  • DOM对象和jQuery对象之间可以相互转换
    将一个div转换成jQuery对象就是

    $(‘div’)

  • jQuery对象转换换成DOM对象
    两种方式

    $(‘div’)[index] index是索引号
    $(‘div’).get(index) index是索引号

jQuery选择器
这里我就写一些常用的就好
$(‘选择器’) 里面的选择器直接写css的选择器就行,但是要加引号,单引,双引都可以;
其实都跟css的选择器差不多,

  1. $('#id') id选择器 获取指定id的元素
  2. $('*') 通配符选择器 匹配所有原素
  3. $('.class') 类选择器 获取同一类class的元素
  4. $('div') 标签选择器 获取同一标签的所有原素
  5. $('div, span, a') 交集选择器,可选择多个元素
  6. $('ul>li') 子代选择器 获取亲子层级的元素.不包括孙子层级的元素
  7. $('ul li') 后代选择器 获取ul下所有li元素,包括孙子

jQuery筛选选择器
三个常用的

  1. :first $('li:frist') 获取li元素中的第一个元素
  2. :last $('li:last') 获取li元素中最后一个li元素
  3. :eq(index) $('li:eq(0)') 获取li元素中索引号为0 的元素.

jQuery筛选方法

  1. parent() 查询父级
  2. find() 查找想要的
  3. children() 相当于 $('ul>li')
  4. siblings() 查找兄弟节点,不包括自身
  5. eq(index) 相当于 :eq(index)

jQuery设置样式
语法

  1. $('选择器').css('属性','值')

jQuery里面的排他思想
原理就是运用了 siblings()方法
当前的元素设置样式,其余兄弟元素清除样式

基础先说道这里,我只是总结一些常用的方法和知识点,希望能帮助大家,也可以帮助自己.后面我会继续学习,利用jQuery写一些案例,帮助自己和大家更加熟悉jQuery.如果有错的希望大家可以提醒我.

发表评论

表情:
评论列表 (有 0 条评论,84人围观)

还没有评论,来说两句吧...

相关阅读

    相关 jQuery入门

    现在我开始学习前端的js框架jQuery,虽然还要学很多东西,但是我也会坚持下去,万事开头难,坚持就是一种人生态度,在我自学的过程中,发现问题,解决问题.没有什么可以让我放弃,

    相关 Jquery入门

    Jquery是一个JavaScript库,封装了开发过程中我们常用的功能   在使用Jquery之前,我们需要先拿到Jquery的文件,可以去[Jquery官网][Jque