jQuery的功能
@ EatFog · Sunday, Jul 19, 2020 · 1 分钟阅读 · 更新于 Jul 19, 2020

本次我们学习了jQuery,通过对jQuery的学习了解怎么对html元素进行操作

jQuery 如何获取元素

jQuery就是通过selectorOrArray这个参数来获取元素,如果selectorOrArray是一个字符串,那么就会通过这个字符串进行querySelectorAll(selectorOrArray)操作来获取元素作为elements操作,如果selectorOrArray是元素的数组,那么就会直接把这个数组作为elements操作

  $('.test')//获取class含test的元素
  $('.test').find('.kid')//获取class含test的元素的children中,class含有kid的元素

jQuery 的链式操作是怎样的

jQuery的链式操作是因为每次进行运行以此jQuery的函数时候,就会return一个或者多个api对象,即函数获取到的对象或者原对象

  $('.test')//获取class含test的元素
    .addClass('red')//给选中的元素加上red类
    .addClass('pig')//给选中的元素加上pig类

jQuery 如何创建元素

jQuery创建新元素的方法很简单,只需要把新元素传入jQuery的构造函数就行了

  $('<div>Hello</div>')

jQuery 如何移动元素

移动元素的方法有两种。 假设我们选定了一个div元素,需要把它移动到p元素的后面。 * 第一种方法是使用insertAfter(),把div元素移动到p元素后面:

  $('div').insertAfter($('p'))
  • 第二种方法是使用after(),把p元素加到div元素前面

    $('p').after($('div'))
    

    jQuery 如何修改元素的属性

    jQuery对元素的属性的修改是通过重载实现的,比如.width()函数,如果括号内有参数,就会执行把参数设置为width的函数,如果没有参数,就会执行返回width的操作

    $('div').width()//获取div的width
    $('div').width('100px')/设置div的width
    

自我介绍

Hi!我是蒋俊杰

你也可以叫我EatFog

这是我的第一个blog

社交链接