【jquery 学习 （二）】的更多相关文章

Jquery 学习二

一.事件编程 1.基本事件(以方法形式存在的) 基本语法: 原生Javascript代码中的事件绑定方式: DOM对象.事件 = 事件的处理程序   jQuery代码中的事件绑定方式: jQuery对象.事件(事件处理程序) 2.常用的事件列表 blur(fn) :当失去焦点时触发 change(fn) :当下拉选框状态改变时触发 click(fn) :当单击时触发 dblclick(fn) :当双击时触发 focus(fn) :当获得焦点时触发 keydown(fn) :当键盘按下时触发 ke…

jquery 学习(二) - 属性操作

html代码 <div class="n1" zdy="z1">AAA <p>1111111</p> <input type="checkbox" value="A">A <input type="checkbox" value="B">B <div class="n2">AAA<p>…

jQuery学习(二) 自定义扩展函数

jQuery函数调用写法很优雅,在项目开发过程中,有需要自定义函数经常被使用到,将这些函数放置到项目ExtTool.js中,为了编码方式的统一,也希望这些自定义函数与jQuery函数一致的调用方式.在网上参考了不少写法,大致总结如下. 先看一个简单的例子 1: <html> 2: <head> 3: <script type="text/javascript" src="jquery.min.js"></script>…

JQuery学习二（获取元素控件并控制）

$(’#id‘).+function; 例如: 1 <head> 2 <title>JQuery</title> 3 <script src="js/jquery-1.11.1.min.js"type="text/javascript"></script> 4 <script type="text/javascript"> 5 $(function () { alert($(…

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

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

jQuery学习二

1.id选择器: // 4.如果页面中多个元素id相同,jquery只会获取第一个id的jquery对象 var jquery = $('#name'); alert(jquery.val()); var jquery1 = $('#name'); alert(jquery1.val()); <body> <input type="text" name="name" id="name" value="张三"&…

jQuery学习(二)

操作DOM对象: 修改文本: jQuery对象的text()和html()方法可以用来获取节点的文本内容和HTML文本.而当你给方法传入参数时,这两个方法可以被用于设置jQuery的文本内容. 还是以之前的代码为例: <div id="test-div"> <p class="color-red">JavaScript</p> <p class="color-green">Python</p&…

JQuery学习二-字典操作

1. 数组中添加map var arr = []; var key = 'Jeremy'; var value = '!!!!' arr.push({ 'key': key, 'value': value, }); document.write(]['key'] + ]['value']); 输出结果: key: Jeremy value: !!!! 2. 数组遍历输出 var arr = []; arr.push("Jeremy"); arr.push("Jimmy&quo…

jQuery学习-事件之绑定事件（二）

在上一篇<jQuery学习-事件之绑定事件(一)>我们了解了jQuery的add方法,今天我们来学习下dispatch方法: dispatch: function( event ) {         //这里是修正event对象的属性,处理兼容性问题         event = jQuery.event.fix( event );         var i, ret, handleObj, matched, j,             handlerQueue = [],//事件队列…

jQuery学习之二 jQuery选择器

一.jQuery选择器是什么1.CSS选择器2.jQuery选择器 二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制  传统js选择器假如要操作的元素不存在会报错,jq不会,避免了判断存在操作的麻烦  当需要使用jq判断某个元素在网页上是否存在时不能用  if($('#id')){  xxx };  要使用if($('#id').length > 0){ xxx };  或先转化成DOM再判断if($('#id')[0]){ xxx }; 三.jQu…

第二十二篇 jQuery 学习4 内容和属性

jQuery 内容和属性   这节课,我们学习使用jQuery来控制元素的内容.值和属性.   html() 控制所选元素的内容(包括HTML标记): text() 控制所选元素的内容: val() 控制表单里value的值: attr() 控制属性,比如a标签里的href  .   这几个方法特别的简单好用,那么怎么用呢?它的格式写法,我们来瞧瞧源代码:   <!DOCTYPE html> <html> <head lang="en"> <m…

jquery学习笔记(二)：DOM元素操作

内容来自[汇智网]jquery学习课程 2.1 元素属性操作 1.获取元素的属性 语法:attr(name) 参数name表示属性的名称 2.设置元素的属性 单个属性设置语法:attr(key,value) 多个属性设置语法:attr({key0:value0,key1:value1}) 3.删除元素的属性 语法:removeAttr(name) 2.2 元素内容操作 html()方法仅支持XHTML的文档,不能用于XML文档,而text()既支持HTML文档,也支持XML文档 语法格式 参数说…

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…

emberjs学习二(ember-data和localstorage_adapter)

emberjs学习二(ember-data和localstorage_adapter) 准备工作 首先我们加入ember-data和ember-localstorage-adapter两个依赖项,使用bower install安装这两个插件.如下 "dependencies": { "jquery": "~1.9.1", "ember": "~1.13.10", "handlebars"…

jQuery学习笔记（一）：入门

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

ReactJS入门学习二

ReactJS入门学习二 阅读目录 React的背景和基本原理 理解React.render() 什么是JSX? 为什么要使用JSX? JSX的语法 如何在JSX中如何使用事件 如何在JSX中如何使用样式 回到顶部 React的背景和基本原理 在web开发中,我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作,复杂或频繁的对DOM操作是性能瓶颈产生的原因,React为此引入了虚拟的DOM的机制,在浏览器端使用javascript实现了一套DOM API,基于React开发时所有的…

jQuery学习-事件之绑定事件（三）

在上一篇<jQuery学习-事件之绑定事件(二)>我们了解了jQuery的dispatch方法,今天我们来学习下handlers 方法: handlers: function( event, handlers ) {         var sel, handleObj, matches, i,             handlerQueue = [],             delegateCount = handlers.delegateCount,             cur =…

jQuery学习笔记之Ajax用法详解

这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了jQuery学习笔记之Ajax用法.分享给大家供大家参考,具体如下: 一.Ajax请求 1.jQuery.ajax(options) 通过 HTTP 请求加载远程数据.jQuery 底层 AJAX 实现.简单易用的高层实现见 .get,.post 等. .ajax()返回其创建的XMLHttpRequ…

day 82 Vue学习二之vue结合项目简单使用、this指向问题

Vue学习二之vue结合项目简单使用.this指向问题   本节目录 一 阶段性项目流程梳理 二 vue切换图片 三 vue中使用ajax 四 vue实现音乐播放器 五 vue的计算属性和监听器 六 chorme浏览器添加vue扩展程序 七 xxx 八 xxx 一 阶段性项目流程梳理 直接上图吧: 1.首页: 2.免费课程页 还有比如全部里面有个django框架学习,点击进去,具体的信息展示和课程套餐选择等功能 3.登陆页 还有购物车添加成功提示,更新成功提示,当然这些都是前端根据后端的代码逻辑…

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

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

MVC5中使用jQuery Post 二维数组和一维数组到Action

很久没有写了,最近在做一个MVC项目,这是我做的第一个MVC项目.之前可以说多MVC一点都不了解,今天把昨天遇到的一个问题记录下来.MVC大神就请飘过吧,跟我遇到同样问题的可以进来看看.遇到的第一个问题是一个列表页保存排序时传二维数组的问题.以下是我的代码: jQuery("#btnSave").click(function () { var list = []; jQuery("#lists>tbody>tr").each(function (i) {…

jQuery学习之------元素样式的操作

jQuery学习之------元素样式的操作 一..addClass( className )方法----增加样式 1.addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 <head> <style> /*css样式代码*/ .soulsjie{ background:red; } .newstyle{ height:100px; width:100px; } .newsty2{ font-size:16px; } </style>…

jQuery学习之------对标签属性的操作

jQuery学习之------标签的属性 <a href=””>链接</a>此处的href就是该a标签带有的属性 在js中对标签的属性的操作方法有 1.1getAttribute()方法 ----获取元素的属性 例子: <a href="www.soulsjie.com" id="jie">jie</a> <script> var aa=document.getElementById("jie&q…

jQuery学习笔记之DOM操作、事件绑定（2）

jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https://github.com/iyun/jQueryDemo.git --------------------学习目录------------------------ 4.DOM操作(节点增删改查) 节点查找:节点分为三种类型:元素节点.属性节点.文本节点 创建节点 创建元素节点 使用 jQuery…

jquery学习笔记(三)：事件和应用

内容来自[汇智网]jquery学习课程 3.1 页面加载事件 在jQuery中页面加载事件是ready().ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行. ready()方法的几种写法: //写法一: $(document).ready(function(){ //代码部分 }); //写法二: $(function(){ //代码部分 }) 写法二简洁…

day 81 Vue学习二之vue结合项目简单使用、this指向问题

Vue学习二之vue结合项目简单使用.this指向问题   本节目录 一 阶段性项目流程梳理 二 vue切换图片 三 vue中使用ajax 四 vue实现音乐播放器 五 vue的计算属性和监听器 六 chorme浏览器添加vue扩展程序 七 xxx 八 xxx 一 阶段性项目流程梳理 直接上图吧: 1.首页: 2.免费课程页 还有比如全部里面有个django框架学习,点击进去,具体的信息展示和课程套餐选择等功能 3.登陆页 还有购物车添加成功提示,更新成功提示,当然这些都是前端根据后端的代码逻辑…

jquery学习随笔

转)jquery学习随笔(jquery选择器)   jQuery的选择器是CSS 1-3,XPath的结合物.jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言.如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很容易了.同时使用CSS和XPath看几个例子:隐藏所有包含有链接的段落:$(”p[a]”).hide();显示页面的第一个段落:$(”p:eq(0)”).show()隐藏所有当前可见的层元素$(”div:visible”).hide(…

jQuery学习之路（1）-选择器

▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优…

jquery学习（一）

简单的jquery学习,首先在页面引入jquery <!-- 引入jquery --> <script src="js/jquery-1.8.3.js" type="text/javascript"></script> 首先一定要注意的是引入的路径 按照案例写一个简单的DEMO <%@ page language="java" contentType="text/html; charset=UT…