自学之jQuery

【自学之jQuery】的更多相关文章

最近在公司做项目的过程中,涉及到写前端部分,因为之前一直很少写前端,所以不是很熟悉,所以,在此写一下自学jQuery的过程,以及中途遇到的坑. 首先,要想使用jQuery必须先引入jQuery <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type=…

一.jQuery简介参考文档链接:http://jquery.cuishifeng.cn/ jQuery是JS的一个类库,是对DOM.BOM等的封装,方便我们来查找和操作元素. jQuery分为1.x.2.x.3.x三个系列.1.x的兼容性比较好,他可以兼容IE低版本的浏览器.而3.x是最新的,功能更多. 这里我们选择1.12的jQuery进行学习. 下载jQuery-1.12.4.js(这是普通版本,还有一个压缩版用于发布上线使用,体积小) 导入并使用jQuery: <body> <…

前端框架 EasyUI （0）重新温习（序言）

几年前,参与过一个项目.那算是一个小型的信息管理系统,BS 结构的,前端用的是基于 jQuery 的 EasyUI 框架. 我进 Team 的时候,项目已经进入开发阶段半个多月了.听说整个项目的框架是另一个“牛人”搭建的,后来被这个 PM 直接拿来用了. 因为搭框架的“牛人”已经不在了,整个 Team 没有对框架非常精通的人,开发过程中遇到不少问题. 后台还好,没用什么复杂的组件或框架,都是最基本的 ASP.NET 页面和 C# 代码,所以没有什么问题.关键是前端,当时整个 Team 里没有一个…

学习javascript怎么入门,初学者5条建议

你是否已经初步掌握了html和css,但完全不知道从何入手Java?如果是,这里总结了5条建议,帮助JavaScript初学者总结学习方法,提高学习效率. 一.多看视频少看书对初学者而言,看书的效率是很低的,书上的内容大多会展示核心代码,而视频为了演示效果,会展示全部代码.初学者自学需要的是全部代码,只看核心代码必定会留下踩不完的坑.所以,初学者一定要多看视频少看书. 二.写代码的时间要多于看书和看视频的时间学习Java,一定要以写为主,而不是以看为主.学习时间的一半以上要留给写代码,剩下的…

jQuery:自学笔记(5)——Ajax

jQuery:自学笔记(5)——Ajax 使用Ajax快捷函数说明出于简化AJAX开发工作的流程,jQuery提供了若干了快捷函数. 实例 1.显示 test.php 返回值(HTML 或 XML,取决于返回值). $.get("test.php", function(data){ alert("Data Loaded: " + data); }); 2.向页面 test.php 发送数据,并输出结果(HTML 或 XML,取决于所返回的内容): $.pos…

jQuery:自学笔记(4)——事件与事件对象

jQuery:自学笔记(4)——事件与事件对象 jQuery中的事件什么是事件所谓事件,就是被对象识别的操作,即操作对象队环境变化的感知和反应,例如单击按钮或者敲击键盘上的按键. 所谓事件流,是指HTML文档使用的是DOM模型,而该模型是从上到下一级一级的结构,因此就会触发一连串的对象.例如单击HTML页面上的某个按钮时,不仅会触发按钮的单击事件,还会触发安装所属容器div的单击事件,同时还会触发父级别容器的单击事件. jQuery中支持的事件和事件类型方法描述 bind() 向元素添加…

jQuery:自学笔记(3)——操作DOM

jQuery:自学笔记(3)——操作DOM 修改元素的属性获取元素属性设置元素属性修改元素的内容说明有三种方式可以获取HTML元素的内容,分别是 ☐ text():设置或返回所选元素的文本内容. ☐ html():设置或返回所选元素的内容(包括html标记). ☐ var():设置或返回表单字段的值. 获取元素的内容动态创建内容说明 jQuery允许开发人员动态的为页面添加内容,类似于JavaScript中的CreateElement. jQuery创建元素使用的工厂函数$()实现…

jQuery:自学笔记(2)——jQuery选择器

jQuery:自学笔记(2)——jQuery选择器基本选择器说明 jQuery的基本选择器与CSS的选择器相似: 实例标签选择器 //使用标签选择器更改字体大小 $(div).css('font-size','18px') ID选择器 //使用id选择器改变背景颜色 $('#div1').css('background','red'); 说明:ID选择器中,ID前面必须加一个#,以表明这是一个jQuery的ID选择器. 类选择器 //使用类选择器设置字体样式 $('.spanclass')…

jQuery:自学笔记(1)——基础入门

jQuery:自学笔记(1)——基础入门认识JQuery 1.jQuery概述 jQuery是一个快速.小巧 .功能丰富的JavaScript函数库.它可以实现“写的少,做的多”的目标. jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 它使得像HTML文档的遍历和操作 .事件处理 .动画.Ajax异步加载等等这些技术可以通过运用API非常简单和容…

JQuery自学代码---（一）

/** * Created by wyl on 15-3-4. */ //Jquery是一个JavaScrioe库,它极大的简化了JavaScript编程 $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); /* Baidu CDN: <head> <script src="http://libs.baidu.com/jquery/1.10.2/jque…