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 相关文章推荐
jquery json 实例代码
Dec 02 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
使用javascipt---实现二分查找法
Apr 10 Javascript
jquery等宽输出文字插件使用介绍
Sep 18 Javascript
Javascript脚本实现静态网页加密实例代码
Nov 05 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
Feb 10 Javascript
推荐一个自己用的封装好的javascript插件
Jan 29 Javascript
jQuery内容过滤选择器用法分析
Feb 10 Javascript
angular2中使用第三方js库的实例
Feb 26 Javascript
vue源码解析之事件机制原理
Apr 21 Javascript
微信小程序实现文件预览
Oct 22 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
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
Drupal简体中文语言包安装教程
2014/09/27 PHP
JavaScript获取和设置CheckBox状态的简单方法
2013/07/05 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
Angular 组件之间的交互的示例代码
2018/03/24 Javascript
小程序从手动埋点到自动埋点的实现方法
2019/01/24 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
2019/05/07 Javascript
Vue-CLI项目中路由传参的方式详解
2019/09/01 Javascript
解决Vue打包上线之后部分CSS不生效的问题
2019/11/12 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
python复制与引用用法分析
2015/04/08 Python
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
Python验证文件是否可读写代码分享
2017/12/11 Python
python读写LMDB文件的方法
2018/07/02 Python
python实现简单http服务器功能
2018/09/17 Python
python机器学习之神经网络实现
2018/10/13 Python
详解python做UI界面的方法
2019/02/27 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
Python正则表达式匹配数字和小数的方法
2019/07/03 Python
英国电气世界:Electrical World
2019/09/08 全球购物
马来西亚奢侈品牌购物商城:Valiram 247
2020/09/29 全球购物
常见的软件开发流程有哪些
2015/11/14 面试题
医务工作者先进事迹材料
2014/01/26 职场文书
新年联欢会主持词
2014/03/27 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
作文评语怎么写
2014/12/25 职场文书
客户答谢会致辞
2015/07/30 职场文书
中国梦党课学习心得体会
2016/01/05 职场文书
浅谈Golang 切片(slice)扩容机制的原理
2021/06/09 Golang
Python面向对象编程之类的概念
2021/11/01 Python
关于Mybatis中SQL节点的深入解析
2022/03/19 Java/Android
【TED出品】天梯非主流开心游1700 划水骑士
2022/03/31 魔兽争霸