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 和 CSS 实现脚注(Footnote)效果
Sep 09 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
Apr 01 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
Oct 17 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
Web前端开发工具——bower依赖包管理工具
Mar 29 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
Oct 09 Javascript
JavaScript对象引用与赋值实例详解
Mar 15 Javascript
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
Nov 09 Javascript
javascript如何实现create方法
Nov 04 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 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
杏林同学录(六)
2006/10/09 PHP
php下使用SimpleXML 处理XML 文件
2010/02/27 PHP
PHP安全技术之 实现php基本安全
2010/09/04 PHP
PHP连接SQLServer2005方法及代码
2013/12/26 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
node.js插件nodeclipse安装图文教程
2020/10/19 Javascript
echarts3 使用总结(绘制各种图表,地图)
2017/01/05 Javascript
jQuery中table数据的值拷贝和拆分
2017/03/19 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
原生JS实现旋转轮播图+文字内容切换效果【附源码】
2018/09/29 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
python实现的一个p2p文件传输实例
2014/06/04 Python
Python实现的石头剪子布代码分享
2014/08/22 Python
Python多线程编程(三):threading.Thread类的重要函数和方法
2015/04/05 Python
深入解析Python中的变量和赋值运算符
2015/10/12 Python
python中异常报错处理方法汇总
2016/11/20 Python
Python中import机制详解
2017/11/14 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
Django开发的简易留言板案例详解
2018/12/04 Python
Python元组知识点总结
2019/02/18 Python
python+jinja2实现接口数据批量生成工具
2019/08/28 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
美国排名第一的泳池用品直接来源:In The Swim
2019/09/23 全球购物
农业大学毕业生的个人自我评价
2013/10/11 职场文书
2014年旅游局法制宣传日活动总结
2014/11/01 职场文书
2014年挂职干部工作总结
2014/12/06 职场文书
银行资信证明
2015/06/17 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
人民调解协议书
2016/03/21 职场文书
使用Python的开发框架Brownie部署以太坊智能合约
2021/05/28 Python
redis数据结构之压缩列表
2022/03/21 Redis
MYSQL中文乱码问题的解决方案
2022/06/14 MySQL