分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

jQuery入门

发布时间:2023-09-06 02:20责任编辑:苏小强关键词:jQuery

jQuery简介

  • jQuery是一个快速、简洁的JavaScript框架

  • jQuery设计的宗旨是“Write Less,Do More”,即倡导写更少的代码,做更多的事情

  • 它封装JavaScript常用的功能代码,优化HTML文档操作、事件处理、动画设计和Ajax交互

导入方式

  • 本地文件

    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>

  • CDN(远程)

    <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>

  • 说明:

    • 使用jQuery必须指定版本(可以通过文件名或目录),因为不同版本有兼容问题,还可能有BUG。

    • 带min的版本是压缩版本,压缩就是删除了多余的用于格式控制的空格、回车等字符,以节约空间。

    • 使用CDN若没有指定协议,表示是自适应协议

    • jQuery代码要写在传递的匿名函数中,命名函数可以指定多个

使用:

jQuery(document).ready(function(){ ???alert(123)})$(document).ready(function(){ ???alert(456)})$(function(){ ???alert(789)})

选择器

  • 基本:id、class、tagname、组合

  • 层级:

    • ancestor descendant:指定祖先的所有指定后代元素

    • parent > child:parent下的直接子元素child

    • prev + next:匹配所有紧接在 prev 元素后的 next 元素

    • prev ~ siblings:匹配 prev 元素的所有同辈 siblings 元素

  • 基本:first、last、not、even、odd、eq、lt、gt、header、animated

  • 内容:contains、empty、has、parent

  • 可见性:visible、hidden

  • 属性:键手册

  • 子元素:first-child、last-child、nth-child、only-child

  • 表单:input、text、password、file、hidden、...

  • 表单对象属性:enabled、disabled、checked、selected

jQuery入门

原文地址:https://www.cnblogs.com/542684416-qq/p/9843476.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved