jQuery--概述、语法_张0x0的博客-程序员宅基地

技术标签: JavaScript学习  前端  javascript  jquery  web前端基础学习  

目录

        jQuery概述

        文档就绪函数

        语法


jQuery概述

        jQuery是一个JavaScript库,jQuery极大地简化了JavaScript编程。我们可以理解jQuery是一个轻量级的“写得少,做得多”的JavaScript库。目前jQuery兼容于所有主流浏览器,并且提供大量扩展,由于它的这些优点,jQuery是目前最流行的JS代码库。

        相对于JavaScript来说,jQuery的onload加载事件更快,并且多个加载并行。

        jQuery库包含多个功能

        (1)HTML元素选取

        (2)HTML元素操作

        (3)CSS操作

        (4)HTML事件函数

        (5)JavaScript特效和动画

        (6)HTML DOM遍历和修改

        (7)AJAX

        (8)Utilities

        (9)提供大量插件

        所以,由于我们之前已经学习过HTML、CSS、JavaScript基础,学习jQuery就会轻松很多。

文档就绪函数

原生写法:

$(document).ready(function(){

        //jQuery代码块

});

        文档就绪函数是为了防止文档在完全就绪之前运行jQuery代码,也就是在DOM加载完成后才可以对DOM进行操作。若在文档没有完全加载之前就运行函数,可能会导致操作失败。

        除此之外我们还有一种简介写法:

简写:

$(function(){

        //jQuery代码块

});

语法

        通过jQuery,我们可以做出选取HTML元素并执行操作等动作。

基础语法:$(selector).action()

                  $:定义jQuery

                  selector:查询或者查找HTML元素

                  action:执行对元素的操作

        例如,我们可以通过jQuery设置css样式,但是有几点需要注意

        1.样式和属性都需要使用引号进行包围

        2.如果设置多个样式,括号内用花括号进行包围,分号用于单个样式设置属性,逗号用于分隔不同的样式

        3.如果只设置单个样式,不需要使用花括号,样式和属性之间用逗号进行分隔

        4.css样式名采用驼峰命名法

        示例:

        //单个css样式设置
        $(selector).css('background','green');
        //多个css样式设置
        $(selector).css({'width':'100px','height':'100px','backgroundColor':'blue'});
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zxn200125/article/details/121725753

智能推荐

绿联云75F9 windows10 局域网下用网线无法访问_wang_bao_chao的博客-程序员宅基地

开启smb服务win7如何打开smb服务https://jingyan.baidu.com/article/647f01156ca5343f2148a88e.html怎么在Win10中安装SMB服务https://jingyan.baidu.com/article/a24b33cda6e06d59ff002b2f.html注册表部分Win+r 输入 regedit 打开注册表,如下图:2、查看:\HKEY_LOCAL_MACHINE\SYSTEM\Curr.

初次接触JBoss应用服务器_渐暖吧的博客-程序员宅基地_jboss应用

一. 什么是JBoss?  Jboss是一个基于J2EE的开放源代码的应用服务器。JBoss代码遵循LGPL许可,可以再任何商业应用中免费使用。Jboss是一个管理EJB的容器和服务器,支持EJB1.1、EJB2.0、和EJB3的规范。但Jboss的核心服务不包括支持Servlet/jsp的web容器,一般与Tomcat/jetty绑定使用。 二. ...

Android蓝牙4.0开发_weixin_30588827的博客-程序员宅基地

Android平台包含了对蓝牙网络协议栈的支持,它允许一个蓝牙设备跟其他的蓝牙设备进行无线的数据交换。应用程序通过Android蓝牙API提供访问蓝牙的功能。这些API会把应用程序无线连接到其他的蓝牙设备上,具有点到点和多点无线特征。使用蓝牙API,Android应用程序能够执行以下功能:1. 扫描其他蓝牙设备2. 查询本地已经配对的蓝牙适配器3. 建立RFCOMM通道4. 通过服务发现来连接其他...

oracle字符分区表,oracle 分区表move和包含分区表的lob move_我是食大人的博客-程序员宅基地

建立含有lob字段的表时,oracle会自动为lob字段建立两个单独的segment,一个用来存放lob数据,另一个用来存放lob索引,并且它们都会存储在对应表指定的表空间中。但是当我们用alter table tb_name move tablespace tbs_name;对表做表空间之间迁移时只能迁移非lob字段以外的segment,而如果要在移动表数据同时移动lob相关字段,就必需用如下的...

计算雅思成绩C语言,雅思总成绩计算四舍五入查分表_沐曦baba的博客-程序员宅基地

原标题:雅思总成绩计算四舍五入查分表 评分标准所有雅思考试的评分都是由经过专业培训的评卷官和考官在考试中心完成的。考试成绩记录在成绩单上,包括一个总分,及听力、阅读、写作和口语四个单项分,考生的考试成绩采用1-9分的评分制来测评,四个项目独立记分,最后所得成绩取四项成绩的平均值。总分和四个单项分均允许半分。总成绩考试成绩记录在成绩单上,包括一个总分,及听力、阅读、写作和口语四个单项分,成绩从1分至...

python note #3_weixin_30730053的博客-程序员宅基地

Hello, guys! I found it pretty difficult to get my content according to my key words. So in this note, I'd like to optimize my key word to do some help.Contentset: logical relation between s...

随便推点

Hadoop 新 MapReduce 框架 Yarn 详解【转】_weixin_33809981的博客-程序员宅基地

【转自:http://www.ibm.com/developerworks/cn/opensource/os-cn-hadoop-yarn/】简介: 本文介绍了 Hadoop 自 0.23.0 版本后新的 map-reduce 框架(Yarn) 原理,优势,运作机制和配置方法等;着重介绍新的 yarn 框架相对于原框架的差异及改进;并通过 Demo 示例详细描述了在新的 yarn 框架下搭建和...

分段线性变换函数——比特平面分层_weixin_30312557的博客-程序员宅基地

1.比特平面分层比特平面。取代突出灰度级范围,突出特定比特来为整个图像外观做出贡献。(数字图像处理(中卫第3版))以下的样例是该书上使用的实例。这里在matlab中进行实现,帮助大家理解,同一时候请大家提出宝贵的改动意见。思想:使用书中的图片(到官网进行下载)。在8比特下,遍历整个图像,用像素值与各比特面的值(2^(n-1),n为比特面)进行位与操作,推断该像素值在该比特面是否...

MyBatis框架相关内容_每天都有在学习的博客-程序员宅基地

概念:1.简化JDBC的开发;2.能够更好的完成ORM(对象关系映射)1.数据库的准备2.创建maven工程,修改pom.xml,添加mybatis的jar包<!--mybatis依赖包--><dependencies> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-s

Oracle 10G EM 的创建_weixin_34168880的博客-程序员宅基地

我的数据库是我从Linux移植到Windows 平台的。结果发现没有dbconsole.怎么办呢,我只能自己把出创建出来。1)确认是否有dbsnmp用户,我当时就是自作聪明,把这些无用的用户给删除了。不要紧在%ORACLE_HOME%\RDBMS\Admin下有个文件catsnmp.sql,执行一下就可以了2) emca -repos recreate    重建EM的存储...

编写一个递归函数、计算下面的级数python_《算法图解》学习笔记习题和代码(第三章 递归)Python3..._weixin_39845825的博客-程序员宅基地

目录第三章 递归3.1 递归3.2 基线条件和递归条件3.3 栈3.3.1 调用栈练习13.3.2 递归调用栈练习23.4 小结第三章 递归3.1 递归递归——函数调用自己。学习如何将问题分成基线条件和递归条件。递归会让解决方案更清晰,并没有性能上的优势。实际上,在有些情况下,使用循环的性能更好。3.2 基线条件和递归条件比如,用递归方式编写倒计时:def countdown(i):print i...

mysql function setup_MySQL setup_instruments中关于部分信息不能修改_vnam的博客-程序员宅基地

原标题:MySQL setup_instruments中关于部分信息不能修改作者:高鹏(网名八怪),《深入理解MySQL主从原理32讲》系列文的作者。本文建议横屏观看,效果更佳朋友告诉我如下操作不能修改mysql > update setup_instruments set enabled = 'no' where name = 'memory/performance_schema/tabl...