Web前端新人笔记之jquery入门心得(新手必看)


Posted in Javascript onMay 17, 2016

本章将为大家介绍以下几点内容;

1、jquery的主要特点;

2、建立jquery的编码环境;

3、简单jquery脚本示例;

4、选择jquery而不是纯javaScript的理由;

5、常用的jquery开发工具;jquery能做什么?

① 取得文档中的元素

$('div.content').find('p');

② 修改页面的外观

$('ul > li:first').addClass('active');

③ 改变文档内容

$('#container').append('<a href="www.baidu,com">more</a>')

④ 为页面添加动态效果

$('div.content').slideDown();

⑤ 响应用户的交互操作

$('button.show-details').click(function(){
  $('div.details').show();
});

⑥ 无需刷新页面从服务器获取信息

$('div.details').load('more.html #content');

⑦ 简化常见的javaScript任务

$.each(obj, function(key,value)(total += value;)); 

jquery为何如此出色?

1、利用了CSS的优势;
2、支持扩展;
3、抽象浏览器不一致;
4、总是面向集合;
5、将多重操作基于一行;

如何下载jquery?

1、由于JavaScript是一种解释语言,所以不必担心编译和构建。什么时候需要使用jquery,只要在HTML文档中使用<script>元素把它导入进来即可。

2、jquery官网:http://jquery.com/

都有哪些开发测试工具?

现代浏览器中一般内置了高质量的开发工具,我们可以选择自己觉得方便的工具,一下列出了一些推荐工具:

1、IE;
2、Safari;
3、Chrome;
4、Firefox;
5、Opera;

上面列出来的这些工具都提供了类似的功能:

1、探测及修改DOM;
2、研究CSS及页面变现之间的关系;
3、通过特殊的方法方便的跟踪脚本执行;
4、暂停脚本执行及检查变量值

以上这篇Web前端新人笔记之jquery入门心得(新手必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
Javascript匿名函数的一种应用 代码封装
Jun 27 Javascript
JavaScript的setAttribute兼容性问题解决方法
Nov 11 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
Angular2环境搭建具体操作步骤(推荐)
Aug 04 Javascript
JS数组交集、并集、差集的示例代码
Aug 23 Javascript
如何在vue中使用ts的示例代码
Feb 28 Javascript
express默认日志组件morgan的方法
Apr 05 Javascript
Vue文件配置全局变量的实例
Sep 06 Javascript
vue如何安装使用Quill富文本编辑器
Sep 21 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
Dec 19 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
May 17 #Javascript
iScroll.js 使用方法参考
May 16 #Javascript
BootStrap的JS插件之轮播效果案例详解
May 16 #Javascript
老司机带你解读jQuery插件开发流程
May 16 #Javascript
jQuery 获取多选框的值及多选框中文的函数
May 16 #Javascript
jQuery插件制作的实例教程
May 16 #Javascript
总结jQuery插件开发中的一些要点
May 16 #Javascript
You might like
mysql5详细安装教程
2007/01/15 PHP
php下使用SMTP发邮件的代码
2008/01/10 PHP
PHP 单引号与双引号的区别
2009/11/24 PHP
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
PHP截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
PHP模拟asp中response类实现方法
2015/08/08 PHP
基于ThinkPHP实现的日历功能实例详解
2017/04/15 PHP
实现php删除链表中重复的结点
2018/09/27 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
Three.js源码阅读笔记(光照部分)
2012/12/27 Javascript
JavaScript等比例缩放图片控制超出范围的图片
2013/08/06 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
2014/05/22 Javascript
javaScript使用EL表达式的几种方式
2014/05/27 Javascript
JavaScript 匿名函数和闭包介绍
2015/04/13 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
Vue中对iframe实现keep alive无刷新的方法
2019/07/23 Javascript
vue实现短信验证码登录功能(流程详解)
2019/12/10 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
利用Python批量提取Win10锁屏壁纸实战教程
2018/03/27 Python
PyTorch 1.0 正式版已经发布了
2018/12/13 Python
python实现的config文件读写功能示例
2019/09/24 Python
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
中国旅游网站:途牛旅游网
2019/09/29 全球购物
一些网络技术方面的面试题
2014/05/01 面试题
法律专业实习鉴定
2013/12/22 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
创卫工作总结2015
2015/04/22 职场文书
遗嘱格式范本
2015/08/07 职场文书
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS