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 EasyUI 的EasyLoader功能介绍
Sep 12 Javascript
JS 如果改变span标签的是否隐藏属性
Oct 06 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
Aug 07 Javascript
JQuery中操作Css样式的方法
Feb 12 Javascript
jQuery针对各类元素操作基础教程
Aug 29 Javascript
JS建造者模式基本用法实例分析
Jun 30 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
Jul 28 Javascript
JavaScript实现的微信二维码图片生成器的示例
Oct 26 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
layui table 表格模板按钮的实例代码
Sep 21 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
Feb 18 Vue.js
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
一拳超人中怪人协会钦定! S级别最强四人!
2020/03/02 日漫
杏林同学录(七)
2006/10/09 PHP
php中cookie的作用域
2008/03/27 PHP
php实现的短网址算法分享
2014/06/20 PHP
Laravel 5框架学习之向视图传送数据(进阶篇)
2015/04/08 PHP
微信开发之网页授权获取用户信息(二)
2016/01/08 PHP
laravel 错误处理,接口错误返回json代码
2019/10/25 PHP
jquery图形密码实现方法
2015/03/11 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
七夕情人节丘比特射箭小游戏
2015/08/20 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
浅谈JavaScript的自动垃圾收集机制
2016/12/15 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
Vue.js中extend选项和delimiters选项的比较
2017/07/17 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
vue如何使用外部特殊字体的操作
2020/07/30 Javascript
python单链表实现代码实例
2013/11/21 Python
Python判断文件或文件夹是否存在的三种方法
2017/07/27 Python
Python实现读取及写入csv文件的方法示例
2018/01/12 Python
实例详解Python模块decimal
2019/06/26 Python
python Web flask 视图内容和模板实现代码
2019/08/23 Python
dpn网络的pytorch实现方式
2020/01/14 Python
python中逻辑与或(and、or)和按位与或异或(&amp;、|、^)区别
2020/08/05 Python
Python编写万花尺图案实例
2021/01/03 Python
HTML5的语法变化介绍
2013/08/13 HTML / CSS
英国现代绅士品牌:Hackett
2017/12/17 全球购物
Notino瑞典:购买香水和美容产品
2019/07/26 全球购物
办公室秘书自我鉴定
2014/01/18 职场文书
档案保密承诺书
2014/06/03 职场文书
党员干部廉洁自律承诺书
2015/04/28 职场文书
写给老师的保证书
2015/05/09 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL
mysql连接查询中and与where的区别浅析
2021/07/01 MySQL
Vue router配置与使用分析讲解
2022/12/24 Vue.js