JQuery快速入门

简介: JQuery快速入门

jquery介绍


jquery框架就是封装了一些js的文件即js的一些方法,html只需要引用jquery文件,使用方法时改成$符号来引用就可以用了


JQuery 基础:

概念: 一个JavaScript框架。简化JS开发

* jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优 化HTML文档操作、事件处理、动画设计和Ajax交互。

JavaScript框架:本质上就是一些js文件,封装了js的原生代码而已


导入JQuery



导入导入3.3.1min.js文件

在html中引用


例如


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
    <div id="div1">dic1...../</div>
<script>
    var div1 = $("#div1");
    alert(div1.html());
    alert(div1.text);
</script>
</body>
</html>


JQuery对象和JS对象区别与转换

  • js – > jq : $(js对象)

JQuery基本操作学习:


1. 事件绑定
    //1.获取b1按钮
        $("#b1").click(function(){
            alert("abc");
        });
  2. 入口函数
     $(function () {
     });
     window.onload  和 $(function) 区别
             * window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉
             * $(function)可以定义多次的。
  3. 样式控制:css方法
     // $("#div1").css("background-color","red");
      $("#div1").css("backgroundColor","pink");
相关文章
|
5月前
|
JavaScript 前端开发 开发者
jQuery 下载与快速入门指南
jQuery 下载与快速入门指南
248 0
|
XML JavaScript 前端开发
【jQuery超快速入门教程】上篇
【jQuery超快速入门教程】上篇
125 0
|
JavaScript 前端开发 API
JavaWeb快速入门--jQuery
JavaWeb快速入门--jQuery
73 0
|
JavaScript 索引
JavaWeb--快速入门jQuery(三)
JavaWeb--快速入门jQuery(三)
134 0
JavaWeb--快速入门jQuery(三)
|
JavaScript 前端开发 数据安全/隐私保护
JavaWeb--快速入门jQuery(二)
JavaWeb--快速入门jQuery(二)
149 0
JavaWeb--快速入门jQuery(二)
|
JavaScript 前端开发 API
JavaWeb--快速入门jQuery(一)
JavaWeb--快速入门jQuery(一)
142 0
JavaWeb--快速入门jQuery(一)
|
XML 缓存 前端开发
|
JavaScript 前端开发 数据格式
|
JavaScript 前端开发 Go
|
JavaScript 前端开发 程序员
Datatables快速入门开发--一款好用的JQuery表格插件
  博主是一个java后端程序员,前端技术会用但不精通,做后台的一些功能经常要涉及表格的展示,分页,搜索,排序等等一系列功能,在经历了一段时间的原始手段,开始接触并使用Datatables,一个jquery表格插件,上手很快,重点是超级好用,有完善的中文文档,今天有空,整理一下Datatable的一些使用方法及注意事项,以便随时查阅.
2950 0