jquery学习（2）toggle

jQuery 学习笔记

jQuery 学习笔记一.jQuery概述宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById()函数 2.使用Css+Xpath来查询页面元素 3.适当的混用jQuery.Dom和JavaScript能够提升程序的执行效率. 如:Offset.Append.Before是jQuery的瓶颈 4.函数$()是$("document…

jQuery学习笔记 - 基础知识扫盲入门篇

jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI纠正错误的脚本知识 2.常用的知识点 jquery的id选择器:$("#btnShow")事件绑定函数 bind()显示和隐藏函数show() hide()修改元素内部html的函数html() 仅仅凭借多浏览器支持这一特性,就足以让我们学习并使用jquery,因为…

jQuery学习之开篇

吐槽近期比較烦,对于一个前端白痴来说,工作方向突然转向前端这块着实让人蛋疼无比.前段时间简单的学习了下EasyUI,算是对其有一个简单的认知了吧.EasyUI的研究过程中发现,假设没有掌握JS.JQuery想要进行兴许的开发会很困难.得,又得学下JQuery,一种蛋蛋的忧伤.一直觉得前端的水很的深这段时间算是见识到了,哎,只是工作还的继续,吐槽完了,卯足干劲充电吧! 前言某前端白痴一个,会点html+css+js.JQuery的学习书籍看的是<瑞丽的JQuery>,先入门看了两章,感觉能看…

jQuery学习和知识点总结归纳

jQuery目前在Web前端开发所占的比重越来越高,在我们jQuery学习和开发的过程中都会去使用.jQuery帮我们解决了浏览器之间JS一些不兼容的地方和简化了原生JS对DOM的操作.下面把PHP程序员雷雪松对jQuery的知识点总结和归纳分享给大家. 1.jQuery简介 jQuery是一个实用的JavaScript库.jQuery极大地简化了JS对DOM的操作,实现一些常用的方法,jQuery还可以链式操作. 2.jQuery的基本用法 //引入jQuery文件,可以本地也可以远程 //当…

第二十五篇 jQuery 学习7 获取并设置 CSS 类

jQuery 学习7 获取并设置 CSS 类 jQuery动态控制页面,那么什么是动态呢?我们就说一下静态,静态几乎又纯html+css完成,就是刷新页面之后,不会再出现什么变动,一个实打实的静态页面.那么动态,我们基于静态的特征说,动态:刷新页面之后,还可以发生样式改变等,就为动态. 这节课我们学习的是jQuery控制css,那么css样式都被改变了,算动态么?当然算啦,刷新页面之后发生了改变,就已经不是静态了,只要是变动了,就算是啦. 我们这节课学习四个控制css的方法: addClas…

第二十一篇 jQuery 学习3 特效效果

jQuery 学习3 这节课主要是学习jQuery的动态效果. show()和hide()显示与隐藏方法,toggle()方法,fadeIn()谈入,fadeOut()谈出,slideDown()滑出,slideUp()滑入,animate()动画效果,stop()停止动画 w3c教程手册里有很好的解释,但很多同学依旧看不懂,行吧,那这里我们演示代码,看看效果,简单的学学这个东西: <!DOCTYPE html> <html> <head lang="e…

jquery学习笔记(三)：事件和应用

内容来自[汇智网]jquery学习课程 3.1 页面加载事件在jQuery中页面加载事件是ready().ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行. ready()方法的几种写法: //写法一: $(document).ready(function(){ //代码部分 }); //写法二: $(function(){ //代码部分 }) 写法二简洁…

jquery学习随笔

转)jquery学习随笔(jquery选择器) jQuery的选择器是CSS 1-3,XPath的结合物.jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言.如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很容易了.同时使用CSS和XPath看几个例子:隐藏所有包含有链接的段落:$(”p[a]”).hide();显示页面的第一个段落:$(”p:eq(0)”).show()隐藏所有当前可见的层元素$(”div:visible”).hide(…

jQuery学习之路（1）-选择器

▓▓▓▓▓▓ 大致介绍终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优…

jquery学习（一）

简单的jquery学习,首先在页面引入jquery  <script src="js/jquery-1.8.3.js" type="text/javascript"></script> 首先一定要注意的是引入的路径按照案例写一个简单的DEMO <%@ page language="java" contentType="text/html; charset=UT…

jQuery学习笔记(二)jQuery中DOM操作

目录 DOM操作分类 jQuery中的各种DOM操作查找节点创建节点删除节点复制节点替换节点包裹节点属性操作样式操作对HTML.文本和值的操作遍历节点 CSS-DOM操作小结本篇主要介绍DOM操作,在说DOM操作之前,首先我们应该熟悉DOM树,以一个例子为例来说明DOM树.首先看这段HTML代码.(本文后面的代码如果没有特别指出,都是针对下述HTML代码进行操作) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi…

jQuery学习笔记(一)jQuery选择器

目录 jQuery选择器的优点基本选择器层次选择器过滤选择器表单选择器第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…

jQuery学习笔记（一）：入门

jQuery学习笔记(一):入门一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,…

很不错的jQuery学习资料和实例

这些都是学习Jquery很不错的资料,整理了一下,分享给大家. 希望能对大家的学习有帮助. 帕兰 Noupe带来的51个最佳jQuery教程和实例, 向大家介绍了jQuery的一些基本概念和使用的相关教程, 如果你对jQuery感兴趣, 也可以查看帕兰写的文章: 37个更加出色的jQuery插件 45个新鲜出炉的jQuery插件 50多个强大的jQuery插件应用实例 John Resig John Resig, 这位是 JQuery JavaScript脚本库的创建者, 同时也是Mozill…

jquery点击改变class并toggle；jquery点击改变图片src源码并toggle；jquery显示隐藏toggle

<html><head><meta charset="utf-8"><title></title><script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script><style>.bg1 { background…

jquery学习以及下载链接

jquery学习链接 http://www.w3school.com.cn/jquery/jquery_intro.asp jquery 脚本库下载链接 http://jquery.com/download/#Download_jQuery 把 jQuery 添加到您的网页如需使用 jQuery,您需要下载 jQuery 库(会在下面为您讲解),然后把它包含在希望使用的网页中. jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它: &l…

转载最佳JQuery学习网站

转载文章,原出处: http://www.gbin1.com/technology/jquery/learningjquerywebsites/ jQuery是目前最流行的 JavaScript 库.对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,所以本文收集了8个很棒的 jQuery 学习网站推荐给大家. 1. Learning jQuery (http://www.learningjquery.com/) 最好的 jQuery 资源博客之一,从 jQuery 高手…

JQuery学习笔记--01

JQuery使用的话,必做的一下件事就是下载JQuery库,才可以使用下载地址:http://jquery.com/ 下面就是引用JQuery库了: <script type="text/javascript" src="jquery.js"></script> 引用进来后就是写Jquery的代码了(如果是在网页当中嵌入Jquery的代码,就得用Js标签给包含Jquery代码,这是因为Jquery这个库是用Javascript写的,用<…

jQuery学习-事件之绑定事件（三）

在上一篇<jQuery学习-事件之绑定事件(二)>我们了解了jQuery的dispatch方法,今天我们来学习下handlers 方法: handlers: function( event, handlers ) { var sel, handleObj, matches, i, handlerQueue = [], delegateCount = handlers.delegateCount, cur =…

jQuery学习-事件之绑定事件（二）

在上一篇<jQuery学习-事件之绑定事件(一)>我们了解了jQuery的add方法,今天我们来学习下dispatch方法: dispatch: function( event ) { //这里是修正event对象的属性,处理兼容性问题 event = jQuery.event.fix( event ); var i, ret, handleObj, matched, j, handlerQueue = [],//事件队列…

大量Javascript/JQuery学习教程电子书合集

［推荐分享］大量Javascript/JQuery学习教程电子书合集,送给有需要的人不收藏是你的错^_^. 经证实,均可免费下载. 资源名称资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB 5天驾驭JQuery教程.pdf 1.08 MB ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB Ajax+PHP程序设计实…

［推荐分享］大量Javascript/JQuery学习教程电子书合集，送给有需要的人

不收藏是你的错^_^. 经证实,均可免费下载. 资源名称资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB 5天驾驭JQuery教程.pdf 1.08 MB ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB Ajax+PHP程序设计实战详解.pdf 84.29 MB Ajax实战中文版.pdf 2.48 MB Aj…

JQuery学习笔记——基础选择器

第一篇博客,现在原生安卓需求不大了.招聘的Android工程师都需要附带更多的其他技术.这也是开启我学习前端之路的开端.前端时间看了HTML.CSS等,在界面渲染这一块,就不多记录博客了.现在学习着JQuery,JS大概的过了一遍,都说JS是基础,先打好基础,但是JS编写起来语法比较麻烦,JQuery更方便快捷的实现功能,先用起来,有不懂的回头再了解学习.那么,就开始我的JQuery学习之路吧. JQuery介绍: jQuery是一个快速.简洁的JavaScript框架,是继Prototype之…