jQuery-01.概述

目前比较流行的JavaScript类库有: jQuery/Prototype/MooTools/Dojo/ExtJS/YUI

jQuery编程步骤:

1.引入jQuery库文件

2.使用选择器定位要操作的节点

3.调用jQuery的方法进行操作

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>

  <button>提示警告信息</button>

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

  <script type="text/javascript">
   //1.引入jQuery
   //2.查找要操纵的html元素
   //使用jQuery(selector) -selector是类css选择器
   var $btn = jQuery(‘button‘);

   //3.操纵该元素
   $btn.click(function()
   {
       alert(‘该按钮被点击了‘);
   }
   );

  </script>

 </body>
</html>
时间: 2024-12-26 15:55:04

jQuery-01.概述的相关文章

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

mongodb 学习笔记 01 -- 概述,安装,运行

mongodb 概述 mongodb 是文档型NoSQL数据库,存储 bson–> json二进制.内部执行引擎为js解释器,把文档存储成bson结构,在查询时,转化为js对象.并可以通过js语法操作. mongodb 与传统数据库比 传统数据库是结构化数据库,列的个数类型都一样 文档数据库 以文档为单位 比如: { id:1, name: "billvsme", age:21, } { id:2, name: "zhangshan", phone:12313

JQuery的概述

一.什么是 jQuery 1.jQuery是一个JavaScript库,jQuery 极大地简化了 JavaScript 编程.它通过封装原生的JavaScript函数得到一整套定义好的方法. 2.它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入jQuery已经集成了JavaScript.CSS.DOM和Ajax于一体的强大功能. 3.它可以用最少的代码,完成更多复杂而困难的功能,从而得到了开发者的青睐.主旨:以更少的代码.实现更多的功能 二.jQuery

jQuery 概述

jQuery : jQuery是一套跨浏览器的JavaScript库,简化Html与JavaScript之间的操作.它是轻量级的js库 ,兼容CSS3,还兼容各种浏览器,jQuery2.0及后续版本不再支持IE6/7/8浏览器.由John Resig在2006年1月的BarCamp NYC上发布第一个版本.目前是由 Dave Methvin 领导的开发团队进行开发.jQuery使用户能更方便地处理HTML documents.events.实现动画效果,并且方便地为网站提供交互.jQuery还有

jquery—01

参考自:http://kb.cnblogs.com/page/46450/ JQuery是继prototype之后又一个优秀的Javascript库.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器.jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用).events.实现动画效果,并且方便地为网站提供AJAX交互.jQuery

jQuery选择器概述

1.基本选择器:1) #id : 根据给定的id匹配一个元素:2) .class: 根据给定的类名匹配元素:3)element: 根据给定的元素名匹配元素:4)* : 匹配所有元素:5)selector1,selector2,...,selectorN: 将每个选择器匹配到的元素合并后一起返回 2.层次选择器:1) $("ancestor descendant") : 选取ancestor元素里的所有descendant(后代)元素:如:$("div span")选

01 概述 网络分层

讲的是这本书: Book:<TCP/IP 详解> 内容提要 网络分层 OSI 分层模型 分层原则(软件产品也是一样): 每层有清晰的边界,每层有自己的功能.每层相互独立,互不影响. 举例: 北京老板想发月饼(中秋节),所想他想告诉上海公司的老板也发月饼. 应用层: 北京老板说了要发月饼. 表示层: 但是老板肯定说的是白话, 需要贴身秘书帮着修饰一下话语. (修饰应用层数据,修饰的冠冕堂皇一些) 会话层: 部门秘书把信放到信封里,然后写上地址, 源 / 目的地址就等于主机上的两个应用进程. (所

JQuery认识及应用

   jQuery jQuery让js的开发变得更加简单 jQuery解决了浏览器的兼容性问题 使用jQuery设计常见的效果 掌握jQuery的思想设计与理念 jQuery的基本概念 jQuery的基本使用 jQuery详细解释 DOM对象与jQuery对象的相互转换 jQuery的常用选择器 jQuery操作样式 1.1.1 什么是jQuery? jquery的官网:http://jquery.com/ 说白了:jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更

jQuery动画知识总结

jQuery动画概述 我们之前实现的下拉菜单的案例,是没有动画效果的,但是在日常开发中,动画效果是经常会用到的,所以我们可以尝试使用jQuery动画,将下拉菜单案例实现的更动感一些. jQuery提供了三组动画,这些动画都是标准的.有规律的效果,同时jQuery还提供了自定义动画的功能. 显示与隐藏 显示(show)与隐藏(hide)是一组动画: show方法详解 show([speed], [callback]); /* speed(可选):动画的执行时间 1.如果不传,就没有动画效果. 2.

onload函数和自执行函数的区别(jquery API网址:http://jquery.cuishifeng.cn/)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery 01 simples</title> <script src="js/jquery-1.12.1.js" type="text/javascript"></script> <sc