jQuery学习(七)——使用JQ完成下拉列表左右选择

1.需求:实现以下功能 2.步骤分析: 第一步:确定事件(鼠标单击事件click) 第二步:获取左侧下拉列表被选中的option($(“#left option:selected”)) [假设左侧select定义了一个id=left] 第三步:将获取到的option添加到右侧的下拉列表中去.(append方法的使用) 3.具体代码实现: <!DOCTYPE html> <html> <head> <meta charset="UTF-8">…

jQuery学习(六)——使用JQ完成省市二级联动

1.JQ的遍历操作方式一: 1 $(function(){ //全选/全不选 $("#checkallbox").click(function(){ var isChecked=this.checked; //使用对象访问的方式进行遍历,语法$().each(function(){}) $("input[name='hobby']").each(function(){ this.checked=isChecked; }); }); }); $后面的括号里是被遍历的…

jquery学习笔记2——jq效果

一.显示隐藏: 可以使用show()和hide()方法来显示隐藏: $("#hide").click(function(){ $("p").hide(); }) $("#show").click(function(){ $("p").show(); }); 可以使用toggle()方法在show()方法和hide()方法中间切换: $("#tog").click(function(){ $("p&…

jQuery学习(五)——使用JQ完成复选框的全选和全不选

1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选步骤分析: 第一步:引入jquery文件第二步:书写页面加载函数第三步:为上面的复选框绑定单击事件第四步:将下面所有的复选框的选中状态设置成跟上面的一致! 2.具体代码实现: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用jQuery完成复选框的全选和全不选</titl…

jQuery学习(二)——使用JQ完成页面定时弹出广告

1.JQuery效果 2.步骤分析: 第一步:引入jQuery相关的文件第二步:书写页面加载函数第三步:在页面加载函数中,获取显示广告图片的元素. 第四步:设置定时操作(显示广告图片的函数) 第五步:在显示广告图片的函数中,使用jQuery的方法让广告图片显示(show()) 第六步:清除显示广告图片的定时操作第七步:设置定时操作(隐藏广告图片的函数) 第八步:在隐藏广告图片的函数中,使用jQuery的方法让广告图片隐藏(hide()) 第九步:清除隐藏广告图片的定时操作 <script…

jquery学习笔记3——jq HTML

jQuery最常用的部分就是操作DOM,jQuery提供了一系列操作DOM的相关方法,使其很容易: 一.获取 1.获取内容 text()方法设置或返回所选元素的文本内容: html()方法设置或返回所选元素的内容(包括HTML标记): val()方法设置或返回表单字段的值: 获取示例:element.text() 2.获取属性 attr()方法用于获取属性值: 二.设置 1.设置内容 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的…

jquery 学习(七) - 常用动态效果

CSS <style> #content #first { color:white; background-color:green; width:240px; height:100px; margin:10px 0 0 0; padding:10px; } </style> html <div id="content"&g…

jQuery学习(八)——使用JQ插件validation进行表单校验

1.官网下载:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 目录结构: 2.引入jquery库和validation插件复制dist文件夹下的和localization文件夹下的放到WEB项目的js文件夹下提供使用注意:validate是jQuery插件,必须在jQuery的基础上进行运行,导入顺序是jQuery库,validate库和国际化资源库(可选)  <scr…

jQuery学习(四)——使用JQ完成表格隔行换色

1.步骤分析: 第一步:引入jquery的类库第二步:直接写页面加载函数第三步:直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行) 第四步:分别使用CSS的方法(css(name,value))对奇数行和偶数行设置背景颜色. 2.具体代码实现: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用jQuery完成表格隔行换色&…

jquery学习笔记3 jq遍历

遍历方式:向上(父级元素) 向下(子元素) 水平(同胞元素) 一.向上遍历 parent() 向上一级放回被选元素的直接父元素 parents() 返回被选元素的所有祖先元素一路向上遍历(父级以及父级的父级等) parentsUntil() 返回被选元素与括号内给定元素之间的所有祖先元素 $(document).ready(function(){ $("span").parentsUntil("div"); }…

jQuery学习笔记(一)jQuery选择器

目录 jQuery选择器的优点基本选择器层次选择器过滤选择器表单选择器第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…

jQuery 学习笔记

jQuery 学习笔记一.jQuery概述宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById()函数 2.使用Css+Xpath来查询页面元素 3.适当的混用jQuery.Dom和JavaScript能够提升程序的执行效率. 如:Offset.Append.Before是jQuery的瓶颈 4.函数$()是$("document…

jQuery学习笔记（一）：入门

jQuery学习笔记(一):入门一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,…

jQuery学习笔记（一）：入门【转】

由于工作的需要,发现JQuery是一个绕不开的东西,现在开始学习. 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的…

jquery学习全面总结

本文仅针对jquery的部分知识点做总结,更为全面的可以去官网看中文文档.可以更为详细的了解jquery及其特性. window.onload 和$(document).ready() 我 window.onload $(document).ready() 执行时机必须等待网页中所有的内容加载完毕后(包括图片)才能执行网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完编写个数不能同时编写多个,以下代码无法正确执行:window.onload =function({…

大量Javascript/JQuery学习教程电子书合集

［推荐分享］大量Javascript/JQuery学习教程电子书合集,送给有需要的人不收藏是你的错^_^. 经证实,均可免费下载. 资源名称资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB 5天驾驭JQuery教程.pdf 1.08 MB ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB Ajax+PHP程序设计实…

［推荐分享］大量Javascript/JQuery学习教程电子书合集，送给有需要的人

不收藏是你的错^_^. 经证实,均可免费下载. 资源名称资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB 5天驾驭JQuery教程.pdf 1.08 MB ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB Ajax+PHP程序设计实战详解.pdf 84.29 MB Ajax实战中文版.pdf 2.48 MB Aj…

jquery学习总结（超级详细）

本文仅针对jquery的部分知识点做总结,更为全面的可以去官网看中文文档.可以更为详细的了解jquery及其特性. window.onload $(document).ready() 执行时机必须等待网页中所有的内容加载完毕后(包括图片)才能执行网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完编写个数不能同时编写多个,以下代码无法正确执行:window.onload =function({alert("test1");}window.onl…

常用的jQuery学习文档及使用经验

分享几个jQuery学习的API在线文档 1. 首推 http://hemin.cn/jq/ 原因是全中文文档,文档排列通俗易懂,容易查找,示例清楚. 2. https://www.jquery123.com/ jQuery API中文文档 3. http://jquery.com/ jQuery官方文档纯英文的,但是所以的知识点都是接近最新的. 欢迎扫描下方二维码,加入群聊,互相交流学习! PS:欢迎扫描下方二维码或点击链接,加入QQ群…

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是继…

jQuery学习之开篇

吐槽近期比較烦,对于一个前端白痴来说,工作方向突然转向前端这块着实让人蛋疼无比.前段时间简单的学习了下EasyUI,算是对其有一个简单的认知了吧.EasyUI的研究过程中发现,假设没有掌握JS.JQuery想要进行兴许的开发会很困难.得,又得学下JQuery,一种蛋蛋的忧伤.一直觉得前端的水很的深这段时间算是见识到了,哎,只是工作还的继续,吐槽完了,卯足干劲充电吧! 前言某前端白痴一个,会点html+css+js.JQuery的学习书籍看的是<瑞丽的JQuery>,先入门看了两章,感觉能看…

jQuery学习和知识点总结归纳

jQuery目前在Web前端开发所占的比重越来越高,在我们jQuery学习和开发的过程中都会去使用.jQuery帮我们解决了浏览器之间JS一些不兼容的地方和简化了原生JS对DOM的操作.下面把PHP程序员雷雪松对jQuery的知识点总结和归纳分享给大家. 1.jQuery简介 jQuery是一个实用的JavaScript库.jQuery极大地简化了JS对DOM的操作,实现一些常用的方法,jQuery还可以链式操作. 2.jQuery的基本用法 //引入jQuery文件,可以本地也可以远程 //当…

初步学习jquery学习笔记（六）

jquery学习笔记六 AJAX 简介 AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新. load() 方法 load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法 $(selector).load(URL,data,callback) 必需的 URL 参数规定您希望加载的 URL. 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合. 可选的 callback 参数是 load() 方法完成后所执行的函数名称. 例子 1.…