jquery基础简介(转载)

jQuery就是用原生js写出的框架集(Write less do more )

1.需要注意的问题?
(1).jQuery语法需要重新学习
(2).jQuery需要注意版本之间的兼容性 
(3)不是越新的版本越好(要稳定)
(4)jQuery一般有两个版本(xxx.min.js和xxx.js) 区别就是去除回车空格换行 (min版一般用在上线项目节约带宽)

2.jQuery的引入方式?
<script src=”xxx.js”></script>

3.查看jQuery是否被正确引入
1.alert(jQuery);
2.alert($);
3.alert(window.$);
注:$代表jQuery

4.文档预加载

(1).
$(document).ready(function(){

});

(2).

$(function(){

});
注:正常情况下 jQuery的代码都要写在入口之内
能用jQuery语法完成的 尽量使用jQuery语法完成

5.jQuery多个样式设定 

例:$(‘#one‘).css({color:‘red‘,backgroundColor:‘#fc1‘,fontSize:40});

注:原生CSS样式中有 ‘-‘ 的去掉并且将后面的单词第一个字母大写

6.jQuery节点短对象和原生js对象不能混用语法
(原生js节点对象与jQuery节点对象的相互转换)
var one = document.getElementById(‘one‘);
将js原生对象转成jquery对象只需要使用$( )包含起来
定义jQuery对象(变量名以$开头)
var $one = $(one);
将jQuery对象转换为原生DOM节点对象 
var one = $(‘#one‘)[0];
第二种实现方法
var one = $(‘#one‘).get(0);

7.书写时注意一些规范格式 
(注意换行,看起来更清晰易懂)
$(‘ul li‘)
 .css(‘color‘,‘red‘)
 .css(‘background‘,‘#fc1‘)
 .css(‘marginTop‘,‘20px‘)
 .click(function( ){ 
  alert($(this).html( ));
});

8.回到最后一个破坏性操作之前 end( )

$(‘ul li‘).first( ).css(‘backgroundColor‘,‘#0fa‘).end( ).last( ).css(‘backgroundColor‘,‘#0f0‘);

时间: 2024-10-03 23:04:12

jquery基础简介(转载)的相关文章

jQuery基础-简介

1.增删查改DOM 2.兼容非常强,开发时可以不考虑兼容了 jQuery已经影响了几乎所有前端的思考方式 安装 就是一个js文件 压缩和非压缩 压缩过的,去掉了所有的注释和空格,打开页面更快 CDN 在每个地区结点进行缓存 jQuery也可以通过CDN引用 //是不同的协议 CDN方便,不用下载,不用配置路径 下载速度提高,而且不用浪费自己服务器的带宽 jQuery只是一个语法糖 全局变量 jQuery本身的方法 这个相当于一个选择器,只不过在获得了DOM对象之后,转换成了jQuery对象,可以

Java 理论与实践: 非阻塞算法简介--转载

在不只一个线程访问一个互斥的变量时,所有线程都必须使用同步,否则就可能会发生一些非常糟糕的事情.Java 语言中主要的同步手段就是synchronized 关键字(也称为内在锁),它强制实行互斥,确保执行 synchronized 块的线程的动作,能够被后来执行受相同锁保护的synchronized 块的其他线程看到.在使用得当的时候,内在锁可以让程序做到线程安全,但是在使用锁定保护短的代码路径,而且线程频繁地争用锁的时候,锁定可能成为相当繁重的操作. 在 “流行的原子” 一文中,我们研究了原子

XMPP 简介 转载

XMPP : The Extensible Messaging and Presence Protocol 中文全称:可扩展通讯和表示协议 简介:可扩展通讯和表示协议 (XMPP) 可用于服务类实时通讯.表示和需求响应服务中的XML数据元流式传输.XMPP以Jabber协议为基础,而Jabber是即时通讯中常用的开放式协议.XMPP is the IETF's formalization of the base XML streaming protocols for instant messag

jQuery基础---Ajax进阶

原文:jQuery基础---Ajax进阶 内容提纲: 1.加载请求 2.错误处理 3.请求全局事件 4.JSON 和 JSONP 5.jqXHR 对象 发文不易,转载请注明出处! 在 Ajax 基础一篇中,我们了解了最基本的异步处理方式.本篇来了解一下 Ajax 的一些全局请求事件.跨域处理和其他一些问题. 一.加载请求 在 Ajax 异步发送请求时,遇到网速较慢的情况,就会出现请求时间较长的问题.而超过一定时间的请求, 用户就会变得不再耐烦而关闭页面. 而如果在请求期间能给用户一些提示,比如:

jquery 基础汇总---导图篇

最近在慕课网学习了一些jquery的基础知识,为了方便记忆,整理出来的导图 jQuery基础总共分为4个部分,分别是样式篇.事件篇.动画篇.DOM篇. 样式篇,主要介绍jQuery的基础语法,选择器以及jQuery的一些属性和样式, 选择器的简介详见:http://www.cnblogs.com/amy-1205/p/5849568.html 事件篇,主要是鼠标事件,表单事件,键盘事件,事件的绑定和解绑以及自定义事件 动画篇,学习后制作出以下效果:隐藏和显示.上卷下来.淡入淡出.也可以通过自定义

jQuery基础学习

1.广受欢迎的 JavaScript 框架: jQuery Prototype MooTools 这些框架都提供针对常见 JavaScript 任务的函数,包括动画.DOM 操作以及 Ajax 处理 2.jQuery 使用 CSS 选择器(即html元素)来访问和操作网页上的 HTML 元素(DOM 对象). 3.jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特

jQuery基础---Ajax基础教程

jQuery基础---Ajax基础 内容提纲: 1.Ajax 概述 2.load()方法 3.$.get()和$.post() 4.$.getScript()和$.getJSON() 5.$.ajax()方法 6.表单序列化 发文不易,转载请注明出处~ 一.Ajax 概述 Ajax 这个概念是由 Jesse James Garrett 在 2005 年发明的. 它本身不是单一技术, 是一串技术的集合,主要有: 1.JavaScript,通过用户或其他与浏览器相关事件捕获交互行为: 2.XMLHt

jQuery基础---Ajax基础教程(二)

jQuery基础---Ajax进阶 内容提纲: 1.加载请求 2.错误处理 3.请求全局事件 4.JSON 和 JSONP 5.jqXHR 对象 发文不易,转载请注明出处! 在 Ajax 基础一篇中,我们了解了最基本的异步处理方式.本篇来了解一下 Ajax 的一些全局请求事件.跨域处理和其他一些问题. 一.加载请求 在 Ajax 异步发送请求时,遇到网速较慢的情况,就会出现请求时间较长的问题.而超过一定时间的请求, 用户就会变得不再耐烦而关闭页面. 而如果在请求期间能给用户一些提示,比如:“正在

【JQuery】(1)JQuery基础

JQuery基础 2019-11-02  21:11:17  by冲冲 1.jQuery简介 jQuery:轻量级."写的少,做的多".JavaScript函数库. 2.jQuery功能 HTML元素选取 HTML元素操作 HTMLDOM遍历和修改 CSS操作 HTML事件函数 JavaScript特效和动画 Ajax异步操作 提供丰富的插件 3.jQuery版本 目前jQuery有三大版本: 1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增.因此一般项目来说,