zoukankan      html  css  js  c++  java
  • jQuery

    jQuery:

      是什么:

        是一个工具,可以更加方便实现dom操作

        类似于python中的模块,库,在前端中称呼为“类库”

    jQuery几个方面:

      查找标签

      修改属性样式

      事件

      Ajax异步请求

      插件机制

    注意事项:

      一定要先导入才能使用,

      可以去官网下载jQuery包,可以下载压缩过的包,文件大小小点

     基础语法:

      $(selector).accion()

     标签查找:

      1、id查找

      2、类名查找

      3、标签查找

      4、组合查找

      提出注意点,原生DOM查找和jQuery查找出来的结果区别DOM对象与jQuery对象

      // DOM对象与jQuery对象互相转换
      $('#d1')[0]
      var d1Ele = document.getElementById('d1');
      $(d1Ele)

      层级选择器:

      后代

      儿子

      毗邻

      弟弟

      基本筛选器:

      

    // 用ul标签举例
    $('#ul>li:first')
    $('#u1>li:last')
    $('#ul>li:eq(3)')
    $('#ul>li:even')
    $('#ul>li:odd')
    $('#ul>li:gt(3)')
    $('#ul>li:lt(3)')
    $('#u1>li:not(.c1)')
    
    // 最后一个has的玩法需要写个三个div
    // 一个空div
    // 一个儿子有a标签
    // 一个儿子没有a,孙子有a标签
    $('div:has(a)')
    样式操作(原生DOM和jQuery实现标签红绿变幻)
    addClass();// 添加指定的CSS类名。
    removeClass();// 移除指定的CSS类名。
    hasClass();// 判断样式存不存在
    toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。

    jQuery操作模态框显隐(类添加隐藏类)

    # 针对表单内的标签
    $('input[type="text"]')
    # 简化写法
    $(':text')
    
    # 找到所有被选中的checkbox
    $(':checkbox')  # 注意select框中默认selected标签也会被找到
    $('input:checkbox')

    筛选器方法

    # 避免$('input:first')太麻烦
    $('input').first()
    
    $("#id").next()
    $("#id").nextAll()
    $("#id").nextUntil("#i2")
    
    $("#id").prev()
    $("#id").prevAll()
    $("#id").prevUntil("#i2")
    
    $("#id").parent()
    $("#id").parents()  // 查找当前元素的所有的父辈元素
    $("#id").parentsUntil() // 查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。
    
    $("#id").children();// 儿子们
    $("#id").siblings();// 兄弟们
    <div>
        <p>p1</p>
        <p>p2</p>
    </div>
    
    $('div>p').first().addclass('c1').next().addclass('c2');
    
    # python代码诠释链式调用,其实就是在调用方法之后讲对象再次返回
  • 相关阅读:
    C#通过正则表达式统计词频的一个方法
    本地服务器远程连接其它数据库
    拼字符串成为时间,和两个计算时间点的中间值
    删除文件夹里的图片,打印删除日志
    行转列SQL语句
    加载出一个有层次的下拉框
    查询结果列传行
    【Java&Python双管齐下复健002】回文数和反转数
    【Java&Python双管齐下复健001】冒泡排序和质数判断
    【LeetCode记录】初级算法:数组之删除排序数组中的重复项
  • 原文地址:https://www.cnblogs.com/yangzhaon/p/10969435.html
Copyright © 2011-2022 走看看