锋利的jQuery--Ajax(读书笔记四)

【锋利的Jquery】读书笔记四

jquery中的事件及动画一.事件页面加载 $(document).ready(function(){xxxxx}) 简写 $(function(){ //do something }) 元素绑定事件 bind() on() bing(事件类型,可选参数:事件对象的额外的数据对象,绑定处理函数): hover() toggle()//1.91版本后去除解决办法详见我另一篇文章自定义事件事件冒泡 <script type="text/javascript">…

《锋利的jQuery》读书笔记（DOM+事件）

前阵子买了一批书,就从锋利的jQuery看起吧,书中一些太过常规以及没有强记必要性的操作就不记录了. 1.DOM加载后执行JS $(document).ready(function(){ //...... }) //简写 $(function(){ //...... }) 特点:网页中所有DOM结构绘制完成后就执行,可能DOM元素关联的东西并没有加载完,可以同时编写多个 window.onload = function(){ //...... } 特点:必须等待网页中所有内容(包括图片)加载完毕…

《锋利的jQuery》读书笔记

jQuery理念:write less, do more! 第一章一:jQuery简介 a:轻量级 b:强大选择器 c:DOM封装 d:ajax封装 e:不污染顶级变量只建立一个jQuery对象:所有的方法都在这个对象下! f:解决了浏览器的兼容性问题 g:行为和结构的分离 h:丰富的插件二:语言环境的配置 a:在页面中导入即可!三:jquery对象和DOM对象 jquery对象-->DOM对象: 将jquery对象看成一个数组! DOM对象-->jquery对象: $(dom对象) 包…

【锋利的Jquery】读书笔记七

第七章 jquery插件管理cookie的插件--cookie jquery插件太多没什么好讲的,百度太多说以下 cookie插件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.71.0.js" type="text/javascri…

【锋利的Jquery】读书笔记六

ajax优点缺点 json格式的严格 { "people": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }, { "firstName": "Jason", "lastName":"Hunter",…

【锋利的Jquery】读书笔记二

一.jquery选择器基本选择器层次选择器过滤选择器基本过滤内容过滤可见性过滤属性过滤子元素过滤 first : 获取单个元素 $("div:first").css("background","red"); first-child :获取集合获取每一个父元素的第一个元素 $("div:first-child").css("background","red&…

【锋利的Jquery】读书笔记十一

项目进度太赶,天天公司加班12小时,没时间看书充电.2016年再更新一篇吧.现在凌晨2点36分. 2017加油哦 jquery合适的选择器 $("#id") 无疑是最佳提高性能的方法如果不能直接找到你要的元素那么可以考虑find() $("p").find("a") 之外还有标签选择器 $("p") 属性选择器$("[attr=value]"); $(":hidden")建议大家不…

【锋利的Jquery】读书笔记五

jquery表单表格操作表单从基本的得到和失去焦点表单验证 <script type="text/javascript"> $(function(){ $("form :input.required").each(function(){ var str = $('<strong class="high">*</strong>'); $(this).parent().append(str); }) $(&qu…

【锋利的Jquery】读书笔记三

DOM操作三个方面;DOM core html-dom css-dom 注意点: 删除事件中三种删除节点的方法 remove detach empty remove不解释 detach 不会把匹配的元素从jquery对象中删除保留绑定的事件附加的数据 <script type="text/javascript"> $(function(){ $("ul li").click(function(){ alert($(th…

【锋利的Jquery】读书笔记一

封面镇楼: 读这本书应该是7月份,二周读完,经典的好书,一直没怎么复习.so....温故而知新下. 一.jquery的风格链式风格 <div class="box"> <ul class="menu"> <li class="level1"> <a href="#none">衬衫</a> <ul class="level2"> <…

《锋利的jQuery》读书笔记（动画）

1.show()和hide() 实质就是改变当前DOM对象的display为block.none或inline-block(取决于之前的display),如下: $("element").hide(); $("element").show(); 此外,这两个方法还可以加个“速度”的参数,参数如下: fast(200ms).normal(400ms).slow(600ms):除此之外,还可以是以毫秒为单位的纯数字: $("element").hid…

【转】Verilog HDL常用建模方式——《Verilog与数字ASIC设计基础》读书笔记(四)

Verilog HDL常用建模方式——<Verilog与数字ASIC设计基础>读书笔记(四) Verilog HDL的基本功能之一是描述可综合的硬件逻辑电路.所谓综合(Synthesis)是指将Verilog HDL程序.原理图等设计输入翻译成由与门(and).或门(or).非门(not)等基本逻辑单元组成的门级连接,并根据设计目标和要求对门级逻辑连接进行优化,得到优化的门级网表文件. Verilog HDL主要有三种建模方式: 4.1结构级建模结构级建模包括门级建模和分层建模两种情况.门级…

【转载】MDX Step by Step 读书笔记(四) - Working with Sets (使用集合)

1. Set - 元组的集合,在 Set 中的元组用逗号分开,Set 以花括号括起来,例如: { ([Product].[Category].[Accessories]), ([Product].[Category].[Bikes]), ([Product].[Category].[Clothing]), ([Product].[Category].[Components]) } 从这个例子中可以看到Set的几个特点: 一个Set 中可以包含一个或者多个 Tuple 元组在 Set 中的每一…

《锋利的JQuery》读书要点笔记1——认识JQuery&&选择器

<锋利的jQuery>源码下载,包括了这本书中全部代码以及用到的CSS文件第一章认识jQuery jQuery是个Js库.首先该明确的一点是:在jQuery库中$就是jQuery的一个简写形式.来个例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&…

《锋利的jQruery》读书笔记

由于是一边看书一边练习,所以干把笔记写在html文档中.想看的同学可以复制到一个html文档中,结合浏览器查看.不得不说<锋利的jQuery>是本好书,建议好好看看.尊重知识产权,请购买正版书籍. 1 <!doctype html> <html> <head> <meta charset="utf-8"> <title>锋利的jQuery</title> <style type="tex…

Jquery ajax 学习笔记

本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里之前一直用js写ajax现在基于jq实现方便多了~ $.get & $.post 和 $.ajax的区别之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现. 调用无参方法 1 2 3 4 5 6 7 8…

how tomcat works 读书笔记四 tomcat的默认连接器

事实上在第三章,就已经有了连接器的样子了,只是那仅仅是一个学习工具,在这一章我们会開始分析tomcat4里面的默认连接器. 连接器 Tomcat连接器必须满足下面几个要求 1 实现org.apache.cataline.Connector接口 2 负责创建实现了org.apache.cataline.Request接口的request对象 3 负责创建实现了org.apache.cataline.Response接口的response对象这里默认的连接器的原理非常easy,就是等待http请求…

《锋利的JQuery》读书要点笔记5——jQuery与Ajax的应用

第6章 jQuery与Ajax的应用 Ajax的全称:Asynchronous JavaScript and XML (异步Javascript和XML) 传统模式中,数据提交通过表单方式实现,数据的获取是靠全页面刷新来重新获取整页的内容.而Ajax模式只是通过XMLHttpRequest对象向服务器端提交数据,即按需发送.因为Ajax需要与Web服务器端进行交互,所以用个服务器,我这里用的是Tomcat. 1. 传统Js的Ajax操作 <!DOCTYPE html PUBLIC "-/…

《锋利的jQuery》读书要点笔记7——制作商城网页：网站脚本

第8章用jQuery打造个性网站上一节将网页的样式设计完了,现在开始用jQuery来编写网站的脚本.首先要确定的是应该完成哪些功能. 首页应该完成的功能是: 详情页: 这个页面要完成的效果是: 接下来就用jQuery来逐步的完成这些效果首页部分 1. 搜索框文字效果搜索框默认有文字,光标定位在搜索框上时需将文字去掉,当光标移开时如果用户未填写任何内容则需将提示文字恢复: $(function(){ $("#inputSearch").focus(function() { $(t…

《锋利的jQuery》读书要点笔记6——制作商城网页：结构和样式设计

第8章用jQuery打造个性网站做一个购物网站并用jQuery来完善.大体步骤是: 收集素材确定网站结构 A. 文件结构,imagea文件夹用来存放将要用到的图片,styles文件夹存放CSS,scripts存放jQuery脚本.首页和商品详情页. B. 网页结构: 用HTML来把大致的框架给搭好: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu…

《锋利的JQuery》读书要点笔记3——事件和动画

第四章 jQuery中的事件和动画 JS和HTML的交互是通过用户和浏览器操作页面时引发的事件来处理的,事件由浏览器自动生成. 4.1 jQuery中的事件 1. 加载DOM 这里主要是搞明白window.onload方法和$(document).ready()方法的区别:window.onload方法是在网页中所有元素(包括元素的关联文件)都加载到浏览器后才执行的,而 $(document).ready()方法在DOM完全就绪后就可以被调用.要注意的是在$(document).ready()方…