Jquery学习

jquery学习笔记一(7.21)（ueditor）

因为有些老师对网页几何画板，提出这样一个需求：常见的工具项列出来，就是一般的软件常见的工具栏：刘工让研究一些其他在线工具是怎么实现的，提到umeditor（和ueditor类似），我就决定好好研究下ueditor的代码，看下它是如何实现工具栏自定义。顺便用实例学习js（jquery）。umeditor的核心代码：umeditor.js(核心)                            
成光·2015-07-21 16:00

jquery学习记录一：jquery动态添加html元素后设置其绑定事件

1.jquery动态添加html元素（例如：）  假设我们要给ul动态添加的绑定click事件形成如下结果       apple     pear  functiontest(name){  alert("I'm"+name);}2.用on方法设置点击事件$("#devices_divul").unbind('click').on("click","li",function(){  varcho
lyy201109210·2015-07-20 10:56

jquery学习记录一：jquery动态添加html元素后设置其绑定事件

1.jquery动态添加html元素（例如：）  假设我们要给ul动态添加的绑定click事件形成如下结果       apple     pear  functiontest(name){  alert("I'm"+name);}2.用on方法设置点击事件$("#devices_divul").unbind('click').on("click","li",function(){  varcho
lyy201109210·2015-07-20 10:56

JQuery学习笔记-JQuery常用工具类

1.获取浏览器的名称与版本信息在jQuery中，通过$.browser对象可以获取浏览器的名称和版本信息，如$.browser.chrome为true，表示当前为Chrome浏览器，$.browser.mozilla为true，表示当前为火狐浏览器，还可以通过$.browser.version方式获取浏览器版本信息。2.检测浏览器是否属于W3C盒子模型浏览器的盒子模型分为两类，一类为标准的w3c盒
黄河98号·2015-07-19 09:34

JQuery学习笔记-JQuery常用插件

1.表单验证插件――validate该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：$(form).validate({options})其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。                              
黄河98号·2015-07-19 09:20

JQuery学习笔记- jQuery 实现Ajax应用

1.使用load()方法异步请求数据使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：load(url,[data],[callback])参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数                                           
黄河98号·2015-07-17 23:44

JQuery学习笔记- jQuery 动画特效

1.调用show()和hide()方法显示和隐藏元素show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为：$(selector).hide(speed,[callback])和$(selector).show(speed,[callback])参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成
黄河98号·2015-07-16 22:52

JQuery学习笔记- jQuery 事件与应用

1.页面加载时触发ready()事件ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的：$(document).ready(function(){})等价于$(function(){});2.使用bind()方法绑定元素的事件bind()方法绑定元素的事件非常方便
黄河98号·2015-07-15 22:42

JQuery学习笔记-操作DOM元素

1.attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名，属性值)格式则是设置元素属性名的值。2.使用html()和text()方法操作元素的内容，当两个方法的参数为空时，表示获取该元素的内容，而如果方法中包含参数，则表示将参数值设置为元素内容。    html()方法可以获取元素的HTML内容，因此，原文中的格式代码也被一起获取，   
黄河98号·2015-07-14 22:09

JQuery学习笔记-操作DOM元素

1.attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名，属性值)格式则是设置元素属性名的值。2.使用html()和text()方法操作元素的内容，当两个方法的参数为空时，表示获取该元素的内容，而如果方法中包含参数，则表示将参数值设置为元素内容。html()方法可以获取元素的HTML内容，因此，原文中的格式代码也被一起获取，而text()
黄河98号·2015-07-14 22:09

jQuery学习笔记（二）—— 操作DOM元素

使用attr()方法控制元素的属性attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名，属性值)格式则是设置元素属性名的值。例如，使用attr(属性名)的格式获取页面中元素的“href”属性值，并将该值的内容显示在元素中，如下图所示：在浏览器中显示的效果：从图中可以看出，通过attr()方法可以方便地获取元素中指定属性名称的内容，并将获取
u013159040·2015-07-14 10:00

Jquery学习笔记-表单元素选择器

1.:input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有标记的表单元素，而且还包括、和标记的表单元素，因此，它选择的表单元素是最广的。$("#frmTest:input")表单选择器代码获取了表单中的全部元素2.:text表单文本选择器可以获取表单中全部单行的文本输入框元素，单行的文本输入框就像一个不换行的字条工具，使用非常广泛。通过:text表单选择器只获取单行的文本输入框
黄河98号·2015-07-14 01:18

jQuery学习笔记（一）——基础选择器、过滤选择器、表单选择器

$()就是jQuery中的函数，它的功能是获得（）中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素，也可能是函数。在jQuery中 $()方法等价于jQuery()方法,前者比较常用，是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。基础选择器#id选择器(使用身份证号来找人)jquery能使用
u013159040·2015-07-13 20:00

Jquery学习笔记-过滤选择器

 1.根据某过滤规则进行元素的匹配，书写时以“：”号开头,通常用于查找集合元素中的某一位置的单个元素。$("li:first")第一个$("li:last")最后一个 2.如果想从一组标签元素数组中，灵活选择任意的一个标签元素，我们可以使用:eq(index)其中参数index表示索引号（即：一个整数），它从0开始。如果index的值为3，表示选择的是第4个元素：$("li:eq(3)")3.按照
黄河98号·2015-07-12 22:25

JQuery学习笔记-选择器-1

在jQuery中$()方法等价于jQuery()方法,前者比较常用，是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。parent>child选择器的范围，它所选择的目标是子集元素，相当于一个家庭中的子辈们，但不包括孙辈，它的调用格式：$(“parent>child”)，child参数获取的元素都是parent选择器的子元素，它们之间通过“>”符号来表示一种层次关系。pr
黄河98号·2015-07-12 16:28

jQuery ajax多个checkbox选中值的传递

今天群里有人问到了怎么使用jQueryajax传递多个checkbox的选中值，相信看过jQuery文档的同学并不陌生，但对很多刚进行jQuery学习的同学还是有点难度。
凯文加内特·2015-07-10 11:00

jQuery 基础学习笔记总结（一）

Jquery学习笔记总结感想：此前在做网站时用到过jquery相关，特别是Ajax相关技术，可是并没有系统的进行学习和了解Jquery的强大的功能，趁这几天跟着资料主要的了解下Jquery的特性和插件，
u013147600·2015-07-10 11:00

jQuery学习笔记五

十八。jQuery的ajax方法：load()方法：从服务器加载数据，并把返回的数据放入被选元素中$(selector).load(URL,data,callback);比如：$("#div1").load("demo_test.txt");从地址（网址）为"demo_text.txt"地方获取数据并放到id为div1的元素中；$("#div1").load("demo_test.txt#p1")
阿桂1989·2015-07-07 02:00

jQuery学习笔记四

十七。遍历（选择器）1.祖先（父元素）parent()-->返回父元素parents()-->返回所有的父元素，直接html(包括html),可以加入参数进行选择，比如： $("span").parents("ul");表示span的祖先元素中的ul元素parentsUntil()--> 表示介于两个元素之间的所有祖先元素，比如：$("span").parentsUntil("div")表示spa
阿桂1989·2015-07-07 01:00

jQuery学习笔记三

十。获取内容的方法：.text()设置或获取文本内容.html()设置或获取元素内容，包括html标记；.val()设置或获取表单的值。在JS中，常用.innerHTML和.value的属性来获取或设置。.attr("属性"),设置和获取属性值。比如：以下两种方法都可以获取第一个input的value值： alert($("input").slice(0,1).attr("value")); al
阿桂1989·2015-07-06 13:00

jQuery学习笔记二

五。设置CSS样式：设置一种样式：$("div").css("float","left");同时设置多种样式：$("div").slice(2,3).css({"background":"orange","width":"500px"});-->（注意：1.样式和值都要加引号；2.css({ })小括号里要有大括号；3.符号是：和，六。hide(a,b)和show(a,b)的参数有两个可选：a是隐
阿桂1989·2015-07-06 02:00

jQuery学习笔记一

一。jQuery引入的方式：1。下载文件后，直接引入：2。直接从谷歌引入：或者从微软引入：还可以从百度引入：二。获取元素的方法：获取当前的元素：$(this);获取id:$("#idname");获取标签数组（改：集合）：$("div")-->这里讲数组，其实是不正确的。获取的其实只是一个集合，并不是数组。一开始我以为它是数组，是因为它有length，但当我调用它的第一个元素的时候，用$("div
阿桂1989·2015-07-05 11:00

jquery学习基础(二)

今天继续学习jquery的基础。直接看栗子吧。jquery操作checkboxdemoOne这里我点击超链接的时候，使用alert将所有已经checked的checkbox的value值打印出来，先看下效果：关键的html和jquery代码： 获得被选中的元素 checkedlearn checkedlearn checkedlearn checkedlearn $(function($){$
mockingbirds·2015-06-29 18:00

JQuery学习心得

用了一周左右的时间学习完了JQuery。怎么说呢，感觉挺简单的，再加上学习的时候都是以例子来作为引子，感觉很有意思，学习起来也带劲。JQuery是一个轻量级的JavaScript库，极大地简化了JavaScript编程，而且也很容易学习。JQuery的宗旨是“用最少的代码来做更多的事情”。从这个宗旨里面也可以感受到它的简洁明了，易用的特点。JQuery通过对JavaScript进行了封装，当我们使
奋斗的小青年_·2015-06-28 23:14

JQuery学习心得

用了一周左右的时间学习完了JQuery。怎么说呢，感觉挺简单的，再加上学习的时候都是以例子来作为引子，感觉很有意思，学习起来也带劲。JQuery是一个轻量级的JavaScript库，极大地简化了JavaScript编程，而且也很容易学习。JQuery的宗旨是“用最少的代码来做更多的事情”。从这个宗旨里面也可以感受到它的简洁明了，易用的特点。JQuery通过对JavaScript进行了封装，当我们使
u013044000·2015-06-28 23:00

jquery学习基础

这篇博客将会给大家带来jquery中的一些基础操作。使用click绑定事件使用click为div绑定点击事件testclick$(function($){$("div").click(function(){alert("helloworld");});});点击增加样式点击div时候，改变其字体颜色和背景色clicktochangethebackgroundcolor$(function($){$
mockingbirds·2015-06-28 19:54

jquery学习基础

这篇博客将会给大家带来jquery中的一些基础操作。使用click绑定事件使用click为div绑定点击事件 testclick $(function($){ $("div").click( function(){ alert("helloworld"); } ); });点击增加样式点击div时候，改变其字体颜色和背景色 clicktochangethebackgroundcolor $
mockingbirds·2015-06-28 19:00

jQuery学习(选择器)

下面的一段时间将会一步一步学习jquery，其实一直想写一系列关于jquery学习的记录，万事开头难，这次需要坚持。
mockingbirds·2015-06-27 17:00

jQuery学习笔记

1. 点击<p></p>之间的内容，对应的消失 <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> $(document).ready
·2015-06-21 14:00

JQuery学习系列2--选择器

层次选择器•->后代选择器 $(祖代后代)        //后面多有的•->子代选择器 $(父>子)           //后面一个•->紧随选择器 $(前+后) //$(前+*)  //紧邻的下一个(并列的同级)•->紧随选择器同义的方法 $(前).next(选择器)或$(前).next()  •->向后选择器 $(前~后) //$(前~*)     //紧邻的后面的(并列的同级)•->向后
xc1499715227·2015-06-11 19:00

JQuery学习系列1

一、函数式循环1：$.map(arr,fun);1、语法：$.map(数组或对象,回调函数);   目的将过程操作，转化为函数式操作2、 vararr=["1","2","3","4","5"]; vara=$.map(arr,function(v,i){ console.log(i,","+v); returnv*2; }); alert(a); 二、函数式循环2:：$.each(arr,fun
xc1499715227·2015-06-11 16:00

JQuery学习笔记

一.jquery对象和DOM对象两者是不同的概念，不可互相使用对方的方法。不过可以相互转换。jquery对象转换为DOM对象可使用[index]，因为jquery对象是个类似数组的对象；或使用jQuery对象的get(index)方法获取DOM对象。$.get()表示获取原jQuery对象集合中的所有元素，相当于转化成了JavaScript的Array对象，可以调用相应的数组方法。DOM对象转换为
VivianHope·2015-06-09 19:00

JQuery学习笔记（4）---html(),text()和val()的区别与联系

一、源代码： test $(function(){ $('#html-get').click(function(){ alert($('p').html());//取得第一个p元素的内容。 }); $('#html-set').click(function(){ $('p').html("HelloWorld!");//设置所有p元素的内容 }); $('#html-function
u013539342·2015-05-26 23:00

jQuery学习笔记（3）---点击触发菜单的展开与收起

一、源代码： test $(function(){ $('dt').click(function(){//点击时在展开和收起菜单之间来回切换 $(this).nextUntil('dt').toggle(500);//隐藏/显示效果的速度设置为500毫秒 }); }); dt{cursor:pointer} 国产手机 小米 华为 联想 中兴 酷派 国外手机 苹果 三星
u013539342·2015-05-24 10:00

jQuery学习笔记（2）---表格隔行变色

一、源代码： 表格隔行变色 $(function(){ //匹配所有索引值为偶数的元素，从0开始计数，查找表格的1、3、5...行（即索引值0、2、4...） $("tr:even").css("background","#F00");//设置为红色 //匹配所有索引值为偶奇数的元素，从1开始计数，查找表格的2、4、6行（即索引值1、3、5...） $("tr:odd").css("ba
u013539342·2015-05-20 08:00

jQuery学习笔记（1）---简单的登录输入控制

一、源代码 登录 $(function(){ //输入框失去焦点时判断输入长度是否符合 $("#userName").blur(function(){ varuserName=$("#userName").val(); //长度不小于六，大于15 if(userName.length15){ $("#tip1").show().html(" 用户名长度不小于6位，不大于15位");
u013539342·2015-05-19 18:00

JQuery学习笔记---jquery对象和DOM对象的关系

1.DOM（Document  Object Model,文档对象模型）。DOM树 { html (head&&body),  head(meta && title) , body( h,p,ui),  ul(li...) } 2.Jquery对象：JQuery对象就是通过jquery包装DOM对象后产生的对象，JQuery对象是jq
·2015-05-06 10:00

jQuery学习简要笔记

前言：熟悉jQuery的代码是了解jQuery整个应用的核心与基础，jQuery是一款优秀的js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！下面来重温一下整个jQuery的知识，大家如果有javascript开发基础，对于学习jQuery是非常有帮助的。1.熟悉JQuery的基础用例，如果对Javascript的示例代码比较熟悉的话，可以采用如下的函数代码：//页面加载完
jackxinxu2100·2015-05-04 09:00

jQuery学习总结（二）

       紧接上一篇博客jQuery总结（一），jQuery总是会给我太多的便利、简洁还有一点点的零散，所以，需要我们好好的总结，将零散的它们串成线，再结合以前的JS织成网…… 1、关于load方法             JQuery中的load()方法十分强大，可以把一个指定的静态，动态页面或服务器端程序输出的数据装入到执行load()方法的JQuery对象包装着的元素中。        
xdd19910505·2015-04-28 20:00

jquery学习 - 对动态创建的元素进行事件响应(bind, live, delegate)

事件响应其实我们平时对网页上的元素进行响应，例如点击(onclick)，更改(onchange)这些事件的时候，都比较简单。因为jquery都封装好了，直接$('elementID').click()就可以了。动态添加元素使用js控制页面的元素添加与删除是非常频繁的一个操作，很容易发现，假如我们的页面代码如下： Document $(document).ready(function(){
chenfs1992·2015-04-22 01:00

jQuery学习笔记4——A flipboard 剪贴板实例

开始之前：jQuery文档(http://docs.jquery.com/)，js在线IDE(https://jsfiddle.net/)，教程：(http://w3school.com.cn/)slideDown——下滑slideUp——向上滑fadeIn——淡入fadeOut——淡出animate——动画    takestwoparameters:    1.AsetofCSSpropert
sonictl·2015-04-20 14:00

jQuery学习笔记3——写的状态板简单实例

http://jsfiddle.net &jQuery.com&tutorial: http://w3school.com.cn/ , http://www.codecademy.com/-------------------------------------------------------------------------------------Congratulations!Youus
sonictl·2015-04-16 15:00

jQuery学习总结（一）

      jQuery学习完了，但是感觉知识点很杂，想JavaScript一样，所以还是总结一下比较好。          
xdd19910505·2015-04-14 21:00

jquery学习 - jquery选择孩子元素和个数/获取css属性

选择器选择孩子元素和css属性获得孩子元素的个数选择器jquery的选择器很强大，可以的话，能用jquery的时候，真的是非常方便。选择孩子元素和css属性先看下面的代码：SelectColor=$(ColorId).children('svg').children('rect').css('fill');这个代码很容易懂。首先：ColorId=$(“#id”);svg是一个子元素的标签。rect
chenfs1992·2015-04-13 16:00

jQuery学习笔记2——温故+知新

开始之前：http://docs.jquery.com/是jQuery文档的网站，https://jsfiddle.net/是js的在线验证工具。如果你没有html,CSS,js,jQuery基础，请学习它们先。IntroductionWebpagesmadewithHTMLandCSSdisplaystaticcontent.Theydon'trespondtouseractionslikecl
sonictl·2015-04-09 09:00

jQuery学习笔记1

开始之前：http://docs.jquery.com/是jQuery文档的网站，https://jsfiddle.net/是js的在线验证工具。1.首先复习一下html,css,js三个文件的协同作用html负责内容elements和骨架tags,divcss负责格式样式大小、颜色等js负责动作效果，操作htmlJQuery是一个面向javascript的工具库，基于DOM-DocumentOb
sonictl·2015-04-01 15:00

JQuery学习笔记之一

问卷调查页面显示由于最近做的项目有一个问卷调查模块，而问卷模块需要一个预览你设计的问卷功能，而在网上案例都是固定的题目，而我的题目都是重数据库调用，这就需要使用JQuery的遍历，因为没有这样的案例，所以我觉得有必要写一写，之前对于JQuery不是很懂，在成功做出之前，确实让自己很痛苦，像老师和同学问了很多，真正的体会到，学一门东西，还需要去实践一番，真的能碰到很多问题。在回答我的问卷调查上，因为
u012157999·2015-03-30 20:00

jQuery学习笔记 — jQuery 与 Ajax 的应用

Ajax全称为“AsynchronousJavaScriptandXML”，它并不是指一种单一的技术，而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体。一.Ajax的优势和不足1.Ajax的优势(1)不需要插件支持(2)优秀的用户体验：这是Ajax技术最大优点，能在不刷新整个页面的前提下更新数据，这使得Web应用程序能更为迅速地回应用户的操作。(3)提高web程序的性能：与传统模式相比
lihei12345·2015-03-22 14:00

JQuery学习笔记(一)

开始入门JQuery,第一步当然是引入类库,网上有许多在线,比较喜欢用第二步就开始写吧,不过遇到了一个问题,如果js,css放到WEB-INF下边,不管是绝对路径还是相对路径都不能访问,有点类似jsp中要想访问只能跳转(forward),暂时还没有找到如何访问WEB-INF中js,css的方法,不过js,css属于公共资源,可以被看到,放在WebContent下应该更符合设计初衷.html等价于i
qq5328585·2015-03-17 10:04

jQuery学习笔记— jQuery对表单、表格的操作以及更多应用

表单(Form)和表格(Table)都是HTML的重要组成部分，分别用于采集、提交用户输入的信息和显示列表数据。一.表单应用一个表单有2个基本组成部分：(1)表单标签：包含处理表单数据所用的服务器端程序URL以及数据提交到服务器的方法。(2)表单域：包含文本框、密码框、隐藏域、多行文本框、复选框，单选框、下拉选项框和文本上传框等。(3)表单按钮：包含提交按钮、复位按钮和一般按钮，用于将数据传送到服
lihei12345·2015-03-15 19:00
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他