【jQuery笔记: 基本概念与jQuery核心】的更多相关文章

jQuery笔记: 基本概念与jQuery核心

目录 初识jQuery 为什么要使用jQuery? 如何使用jQuery? jQuery与js加载模式不同 jQuery入口函数的四种写法 jQuery的访问符冲突问题 jQuery核心函数和jQuery对象实质 jQuery重要方法--参考资料 @ 转载请注明出处 初识jQuery 为什么要使用jQuery? 1.什么是jquery? jQuery是js的一个库,简化了js代码的书写(注:jQuery语句中用逗号分隔各个css,因为一条css对应一个对象属性,对象属性之间是用逗号分隔而非分号)…

【二】jquery之基础概念与jquery对象与dom对象的区别及混合使用

一:jquery基本概念 1.jquery是一个javascript框架,它是一个轻量级的js库 2.当下流行的js库有: jquery MooTools Prototype 3.$(ducoment) 表示一个jquery对象 4.引入jquery库: <script type="text/javascript" src="jquery-3.3.1.js"></script> 5.jquery对象是对dom对象的一系列包装 6.jquery…

jQuery笔记（一）jQuery选择器

一.前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习jQuery最重要的一步. 二.Dom对象与jQuery对象的转换 (1) Dom转jQuery包装集 ($(Dom)) 如果要使用jQuery提供的函数,  就要首先构造jQuery包…

jQuery笔记（二）jQuery中DOM操作

前言 本篇主要介绍DOM操作,在说DOM操作之前,首先我们应该熟悉DOM树,以一个例子为例来说明DOM树.首先看这段HTML代码.(本文后面的代码如果没有特别指出,都是针对下述HTML代码进行操作) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm…

jQuery笔记（六）jQuery之Ajax

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :…

jQuery笔记（五）jQuery表单验证

前言 上次我们说完jQuery中的动画之后,我们再来看一种jQuery在Web网页应用最为广泛的一种形式,这就是jQuery对表单的操作,通过jQuery对表单的操作,可以有效的提高用户体验.在此之前,我们首先要了解表单的组成部分.表单大致有3个部分组成. 第一部分由表单标签组成,包含url及所提交的方法.即我们通常写到的<form action="#" method="post">当然提交方法也可以是get,他们之间的区别在此就不做讨论. 第二部分由表…

jQuery笔记（四）jQuery中的动画

jQuery最吸引人的地方莫过于能做出绚丽的动画了,也是能极大提高用户体验的地方,这次我们就来一探jQuery中的动画! 一. show()方法和hide()方法 show()方法与hide()方法是jQuery中最基本的动画方法,hide()方法设置是将所匹配的元素的样式display甚至为none.使用方法也很简单. $("element").show(); //将元素element显示 $("element").hide(); //将元素element隐藏 $…

jQuery笔记（三）jQuery中的事件

; padding:0;} body { font-size:13px; line-height:130%; padding:60px;} #panel { width:300px; border:1px solid #0050D0;} .head { height:24px; line-height:24px; text-indent:10px; background:#96E555; cursor:pointer; width:100%;} .content { padding:10px;…

Jquery笔记之第二天

Jquery笔记之第二天 jQuery - 获取内容和属性 获得内容 - text().html() 以及 val() <script> $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("…

jQuery学习笔记之概念（1）

jQuery学习笔记之概念(1) ----------------------学习目录-------------------- 1.概念 2.特点 3.选择器 4.DOM操作 5.事件 6.jQuery的Ajax ------------------------------------------------ 前言:当前流行的JavaScript库有: jQuery.MooTools.Prototype.Dojo.YUI.EXT_JS.DWR 1.概念: 核心库.UI和插件等. jQuery是继…