关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

jQuery的使用

发布时间:2020-03-19 00:00:00

   jquery使用

jQuery的官网地址: https://jquery.com/,官网即可下载最新版本。

Titlefunction () {
        $('div').hide()
    })" _ue_custom_node_="true">
jq基本使用

JQ对象和DOM对象相互转换

DOM对象转换为JQ对象

  • var jQueryObject = $(DOM)

JQ对象转换为DOM对象

  1. jQuery对象[索引值]
  2. jQuery对象.get(索引值)
Title// DOM对象转换为jq对象var myvideo = document.querySelector('video');var jQueryObject = $(myvideo);  // 把DOM对象转换为 jQuery 对象// JQ对象转换为DOM对象,两种方式// 1. jq对象[索引值]$('video')[0].play();// 2. jQuery对象.get(索引值)$('video').get(0).play()" _ue_custom_node_="true">
示例代码

jQuery选择器基础选择器

$('选择器')

image

层级选择器

image

Title1<div class="nav">2

3

  1. li1
  2. li2
  3. li3
  • ul1
  • ul2
  • ul3

示例代码筛选选择器

image

Title多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个function () {
            $('ul li:first').css('color', 'red');
            $('ul li:last').css('color', 'red');
            $('ul li:eq(2)').css('color', 'blue');

            $('ol li:odd').css('color', 'blue');
            $('ol li:even').css('color', 'red');

        })" _ue_custom_node_="true">
示例代码

筛选找其他节点

image


/template/Home/Zkeys/PC/Static