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中Get和Set访问器的实现代码
Sep 19 Javascript
JQuery之拖拽插件实现代码
Apr 14 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
AngularJS打开页面隐藏显示表达式用法示例
Dec 25 Javascript
bootstrap table 多选框分页保留示例代码
Mar 08 Javascript
JS中SetTimeout和SetInterval使用初探
Mar 23 Javascript
vue-cli项目代理proxyTable配置exclude的方法
Sep 20 Javascript
ES6 fetch函数与后台交互实现
Nov 14 Javascript
JavaScript时间日期操作实例小结【5个示例】
Dec 22 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
Jun 05 Javascript
解决Antd 里面的select 选择框联动触发的问题
Oct 24 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
Terran热键控制
2020/03/14 星际争霸
人族 TERRAN 概述
2020/03/14 星际争霸
php表单提交与$_POST实例分析
2015/01/26 PHP
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
Yii基于数组和对象的Model查询技巧实例详解
2015/12/28 PHP
php自定义函数实现汉字转换utf8编码的方法
2016/09/29 PHP
javascript 得到变量类型的函数
2010/05/19 Javascript
JavaScript 浏览器验证代码(来自discuz)
2010/07/17 Javascript
jquery监控数据是否变化(修正版)
2011/04/12 Javascript
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
RequireJS入门一之实现第一个例子
2015/09/30 Javascript
jquery实现倒计时效果
2015/12/14 Javascript
有关jquery与DOM节点操作方法和属性记录
2016/04/15 Javascript
深入剖析JavaScript instanceof 运算符
2019/06/14 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
[04:29]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/02/01 DOTA
Python中的测试模块unittest和doctest的使用教程
2015/04/14 Python
为什么入门大数据选择Python而不是Java?
2018/03/07 Python
Python爬虫包BeautifulSoup异常处理(二)
2018/06/17 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
python实现将中文日期转换为数字日期
2020/07/14 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
HTML5文档结构标签
2017/04/21 HTML / CSS
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
俄罗斯最大的在线手表商店:Bestwatch.ru
2020/01/11 全球购物
学校办公室主任职责
2013/12/27 职场文书
给交警的表扬信
2014/01/12 职场文书
中学生学雷锋活动心得体会
2014/03/10 职场文书
团购业务员岗位职责
2014/03/15 职场文书
松材线虫病防治方案
2014/06/15 职场文书
党支部创先争优活动总结
2014/08/28 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers