jQuery

http://jquery.com/

经典的JS框架之一

不使用jQuery的弊端

  window.onload入口函数容易被覆盖

  对null设置属性或调用方法,报错

  浏览器的兼容问题

参考书籍  《锋利的jQuery》

$符号

  jQuery函数的变量名,function jQuery()

  $和jQuery被污染了

jQuery包的引入

    <script type="text/javascript"src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

  

jQuery的入口函数

$(document).ready(function () {});

$(function () {});

执行时机  DOM加载完即执行,用户体验更好

事件源 事件 事件处理函数

$("#box").click(function () {});

 

 CSS选择器   

  id选择器      #weweZhang{}

  class选择器     .weweZhang{}

  element选择器    div{}

 jQuery选择器

    $("p").css({"background-color": "#666666"});

  

$("p").css("color",function(index,value){});

  

mouseover 和 mouseenter

mouseover   鼠标进入元素或其子元素时 均可触发

mouseenter  鼠标进入元素才会触发

 

JQuery中的遍历

    var aStudent = ["WeWeZhang","YueHan","JieKe","RouSi"];var oUl = $("<ul></ul>");/*** jQuery中遍历数组*/$.each(aStudent,function(index,element){var oLi = $("<li></li>").append(element);oUl.append(oLi);});$("#box").append(oUl);

  

  

转载于:https://www.cnblogs.com/WeWeZhang/p/5788948.html

基础 - jQuery相关推荐

  1. JQuery-学习笔记04【基础——JQuery基础案例】

    Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...

  2. JQuery-学习笔记02【基础——JQuery选择器】

    Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...

  3. JQuery-学习笔记01【基础——JQuery基础】

    Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...

  4. 用基础jQuery制作个性化留言板

    用基础jQuery制作个性化留言板 话不多说,先看效果: 一开始是这样的: 发帖:功能实现头像随机,昵称,手机型号,发布内容添加到社交区

  5. 如何创建一个基础jQuery插件

    如何创建一个基础插件 How to Create a Basic Plugin 有时你想使一块功能性的代码在你代码的任何地方有效.比如,也许你想调用jQuery对象的一个方法,对该对象进行一系列的操作 ...

  6. [jQuery基础] jQuery案例 -- qq音乐以及初步解决Ajax 跨域问题

    qq音乐案例 案例效果展示 案例效果结构划分 整体布局 歌曲条目部分 顶部栏 底部栏 歌词显示部分 案例实现功能 a. QQ音乐播放器静态页面布局 * 页面整体布局规划和实现 * 页面顶部布局和静态效 ...

  7. [jQuery基础] jQuery对象 -- 选择器

    jQuery对象 选择器 基础选择器 主要有通过id名查询的id选择器.类选择器.标签选择器以及通用选择器 层次选择器 常见有后代选择器.子选择器 .相邻兄弟选择器.同胞选择器 序选择器 等待更新 属 ...

  8. JQuery | JQuery语言 | JQuery基础 | JQuery语言基础

    文章目录 前言 一.JQuery语言介绍 一.JQuery版本: 二.JQuery源文件说明: 三.JQuery使用条件: 二.入口函数 一.第一种入口函数 二.第二种入口函数 三.JavaScrip ...

  9. 前端 html 基础 jQuery css

    前端开发 html 基础 填充模板 常用标签 显示标签(p,span,label) 列表标签(下拉框,table) 输入标签(按钮,text,文本框,选择框,radio) 标签页 js js基础 js ...

  10. php基础+jquery基础

    1.编写一个函数,使它可以根据传入的2个年周号,返回它们之间的周数(包括传入的这两周) 2.用JQuery实现根据所选的日期范围动态增加那范围内每一天的金额输入框,并在最后面显示出所有天金额的累加值

最新文章

  1. 适合于小团队产品迭代的APP测试流程
  2. zemax中非序列添加相位面_老王讲放射MRI脉冲序列的基本参数
  3. 【转】ABP源码分析八:Logger集成
  4. c语言定义92bit位变量,Keil C51对C语言的关键词扩展之四: bit
  5. hibernate悲观锁,乐观锁
  6. java中map类型_Java中Map类型遍历的两种方式对比
  7. (转载)Mac系统下利用ADB命令连接android手机并进行文件操作
  8. C语言小程序:彩票号码生成器
  9. 百度文库免积分下载器
  10. 游戏开发之编程语言5选和游戏引擎3选
  11. linux 有道 离线词典,180720_有道词典离线增强版添加词库(小众知识)
  12. 强悍!winrar妙用-将bat脚本打包成exe可执行文件并实现自动执行
  13. app icon在线生成
  14. 蛋蛋读NVMe之一:为什么刘备需要NVMe
  15. 饿了么“短平快”创新项目的架构取舍之道
  16. 阿里云oss搭建图床以及使用PicGO上传图片到图床
  17. qt html 字体加粗,Qt 之字体设置(QFont)详解
  18. C语言strlen等系列函数详细总结
  19. 操作系统安装和u盘认识
  20. 在线直播网站源码开发,视频的采集如何实现?

热门文章

  1. 学术 | 不爱科研,只为当大学老师而读博,这种做法对吗?
  2. 刚刚!腾讯宣布扩招8000人,算法岗成最大亮点!
  3. 原价399,限时1元!7天人工智能入门训练营:带你从0掌握机器学习算法!
  4. 【10.8】每日NLP学术论文推荐
  5. 干货 | 那些高产的学者都是怎样工作的?
  6. 20191202_Python支持向量机的实现
  7. [ACL17]A Minimal Span-Based Neural Constituency Parser(一个最小化的基于跨度的神经句法分析器)...
  8. 2021年的第一本书,就从这里选
  9. 线程与进程的区别及其通信方式
  10. Java读取文本文件中文乱码问题