Jquery学习

jQuery学习笔记 — jQuery中的DOM操作

一.DOM操作的分类一般来说，DOM的操作分为2个方面，即DOM Core(核心)，HTML-DOM和CSS-DOM。1.DOMCore:JavaScript中的getElementById()，getElementsByTagName()，getAttribute()和setAttribute()等方法，都是DOMCore的组成部分。2.HTML-DOM:在使用Javascript和DOM为HT
lihei12345·2015-03-15 19:00

jquery学习笔记—jQuery选择器

一.jQuery选择器是什么1.CSS选择器要是某个样式应用于特定的HTML元素，首先需要找到该元素，在CSS中，执行这一任务的表现规则称为CSS选择器。参见之前CSS的学习博客：http://blog.csdn.net/colorapp/article/details/43706585。2.jQuery选择器jQuery中的选择器完全继承了CSS的风格。利用jQuery选择器，可以非常便捷和快速
lihei12345·2015-03-15 19:40

jquery学习笔记—jQuery选择器

一.jQuery选择器是什么1.CSS选择器要是某个样式应用于特定的HTML元素，首先需要找到该元素，在CSS中，执行这一任务的表现规则称为CSS选择器。参见之前CSS的学习博客：http://blog.csdn.net/colorapp/article/details/43706585。2.jQuery选择器jQuery中的选择器完全继承了CSS的风格。利用jQuery选择器，可以非常便捷和快速
lihei12345·2015-03-15 19:40

jquery学习笔记—jQuery选择器

一.jQuery选择器是什么1.CSS选择器要是某个样式应用于特定的HTML元素，首先需要找到该元素，在CSS中，执行这一任务的表现规则称为CSS选择器。参见之前CSS的学习博客：http://blog.csdn.net/colorapp/article/details/43706585。2.jQuery选择器jQuery中的选择器完全继承了CSS的风格。利用jQuery选择器，可以非常便捷和快速
lihei12345·2015-03-15 19:00

jquery学习笔记— jQuery对象和DOM对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的。如果一个对象是jQuery对象，那么就可以使用jQuery里的方法。在jQuery对象中无法使用DOM对象的任何方法。注意一点，用#id作为选择符取得的是jQuery对象而并非 document.getElementById(“id")所得到的DOM对象，两者不等价。1.jQuery对象转成DOM
lihei12345·2015-03-15 19:00

JQuery

随笔分类 - 【009】Web前端之美 HTML、CSS、JavaScript、JQuery等最佳实践 锋利的JQuery学习笔记之JQuery-Ajax的应用 摘要: 今天终于看到了最令我兴奋的一章
·2015-03-14 12:00

Jquery学习开篇

分辨Dom对象和jQuery对象 Dom对象：每一份Dom都可以表示成一颗树，它可以通过Js中的GetElementsByTagName或者getElementById来获取元素节点，这样得到的元素就是Dom元素 jQuery对象：通过jQuery包装DOM对象后产生的对象 注意：在jQuery对象中无法使用DOM对象的任何方法   jQuery对象转换成DOM对象 认识[ind
·2015-03-02 11:00

JQuery学习总结

WhatisjQuery?jQueryisafast,small,andfeature-richJavaScriptlibrary.ItmakesthingslikeHTMLdocumenttraversalandmanipulation,eventhandling,animation,andAjaxmuchsimplerwithaneasy-to-useAPIthatworksacrossamu
宁静_致远76·2015-02-08 21:27

JQuery学习总结

What isjQuery?          jQueryisafast,small,andfeature-richJavaScriptlibrary.ItmakesthingslikeHTMLdocumenttraversalandmanipulation,eventhandling,animation,andAjaxmuchsimplerwithaneasy-to-useAPIthatwor
lxy344x·2015-02-08 21:00

jQuery实现横向纵向下拉菜单

javascript库，比如jQuery，这些库中包含自己常用的方便的小函数，这些函数可以让自己的代码更加清晰易懂，而且当别人调用时也很容易理解，当然编写库时需要注意一些问题，比如大小写、括号引号、换行等，这些为jQuery
u010097777·2015-01-30 21:00

jquery学习笔记-jQuery操纵DOM元素属性 attr()和removeAtrr()方法

jQuery中操纵元素属性的方法:attr():读或者写匹配元素的属性值.removeAttr():从匹配的元素中移除指定的属性.  attr()方法读操作attr()读操作. 读取的是匹配元素中第一个元素的指定属性值.格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined. 注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第
dyllove98·2015-01-22 13:00

jQuery学习笔记（一）使用jQuery选择器（荐）

jQuery预先的javascript的编程，提供了计划所有css3下的标准选择器，开发者可以利用这些选择器轻松选择各种元素，供javascript使用。重要的是jQuery对这些选择器的兼容性特别好，主流的浏览器都测试通过，这使得理论上的css3选择器一下编程了事实。开发者可以按照以前的方法定义各种css类别，然后通过addClass()方法或者className属性将其添加到指定的元素集合中。
Jlins·2015-01-21 13:05

jQuery学习笔记之（一）动画与特效

本节主要降级和学习jQuery的自动显隐，渐入渐出、飞入飞出。自定义动画等。1.显示和隐藏hide()和show()对于动画来说，显示和隐藏是最基本的效果之一，本节简单介绍jQuery的显示和隐藏。$(function(){$("input:first").click(function(){$("p").hide();//隐藏});$("input:last").click(function(){
Jlins·2015-01-21 13:17

jquery学习笔记-jQuery实现单击和鼠标感应事件

对于单击事件而言，jQuery同样提供了动态交替的toggle()方法，这个方法接受两个参数，两个参数均为监听函数，在click事件中交替使用。例子：点击事件的动态交互。$(function(){$("#ddd").toggle(function(oEvent){$(oEvent.target).css("opacity","0.5");},function(oEvent){$(oEvent.ta
Jlins·2015-01-21 13:14

jQuery学习之---效果

今天继续学习一下jQuery，主要记录一下jQuery的那些效果显示1.animate()函数animate()方法执行CSS属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如"margin:30px"）。字符串值无法创建动画（比如"background-color:red"）。语法如下：$(sel
ajan·2015-01-20 20:27

jQuery学习之---事件

浑浑噩噩度过了迷茫的几天，这几天就像跟傻了一样，什么东西都学不进去，而且又发现好多东西都要学，在跟几个朋友聊了下天后，重新又振作了起来，于是重新拾起当初学习的那份激情，继续开始学习。咱们博客园里基本都是web前端的高手、大牛，所以对我这个主要做后台服务器编程的小菜鸟来说，希望大神们不要喷我呀，说实话，看着前端那些绚丽的页面，心真的动了，感觉html5，jquery，css太神奇了，所以现在准备将自
ajan·2015-01-20 20:42

JQuery学习的尾声

                 今天是最后一天学习JQuery，上周我们在狠狠的学习JavaScript，然后在这周我们又把JQuery扼杀在了摇篮里面，纵然学习的太快我们导致我们知识不牢固，可是我们没有那么多的时间学习的如此详细，但是又有好多的知识我们不得不学，其实这样说我感觉最正确的是：学习的知识经常用
·2015-01-16 00:00

2014年终岁尾，工作总结

工作：2014年经历了3个项目，第一个使用HTML5制作甘特图，虽然没有参与到核心的编程，但也算是参加了一次前端的开发，对于HTML5有了完整的学习，尤其是把JavaScript和jQuery学习的比较透彻
雪纥·2015-01-09 22:00

JQuery学习笔记二：选择器

过滤器学习笔记过滤器都是[:]之后跟相应的内容1.基本过滤器$('li:first').css('color','red');//全局第一个li标签变红$('li').first().css('color','red');$('li:first').css('color','red');//全局最后一个li标签变红$('li').last().css('color','red');$('ul:fi
PG-_-·2015-01-06 17:17

JQuery学习笔记1

1.JQuery选择器   JQuery和纯JavaScript代码不同的一点在于:JQuery选择器是在查找到元素后添加行为(这里包含添加函数),从而使实现和HTML代码分开.而JavaScript往往把实现和HTML代码混合在一起.如下所示: thisisatest functiondemo(){ alert("JavaScriptdemo!"); } clickmeusing
fzyz_sb·2015-01-03 20:00

jQuery学习——动画效果

动画效果基本动画效果隐藏匹配元素$("img").hide(300);//将img隐藏300ms显示匹配元素$("img").show(300);//在300ms内显示img元素状态切换$(document).ready(function(){ $("input[type='button']").click(function() { $("div").toggle();//若果元素可见，切换为隐藏
u013470102·2015-01-02 09:00

jQuery学习

控制页面控制元素内容和值操作元素内容操作文本内容text（)获取全部匹配元素的文本内容text(val)设置全部匹配元素的文本内容 test .... $("div").text();//获取div元素的文本内容操作HTML内容html（）获取第一个匹配元素的HTML内容html（val）设置全部匹配元素而的HTML内容test ... $("div").html();操作元素的值var（）获取
u013470102·2015-01-01 10:00

jQuery学习——启动

jQuery一套简洁、快速、灵活的JavaScript脚本库jQuery的下载与配置下载 官网 点击打开链接 配置将下载下来的文件放到项目指定的文件夹中，我直接放在主目录下面。并将下面这句话包含在中jQuery工厂函数与事件处理工厂函数在jQuery中，无论我们使用哪种类型的选择符都需要从“$“和“（）“开始，在（）中使用字符串参数$("div");//用于获取文档中全部事件处理页面加载事件$(d
u013470102·2014-12-31 23:00

[置顶] JQuery学习—封装，让这个世界变得更简单

1、编者寄语   小编认为，JQuery就是用JavaScript封装成的一些js方法，又将这些方法封装在一起，称为JQuery。除此之外，js还有两个库就是Prototype、MooTools，这里不再多做介绍。   在之前学过的js中知道，js中的函数和方法都是需要我们自己亲自编写的，但是有些方法是我们经常要用到的，由此就产生了JQuery库，就好比生产汽车，飞机，大炮等，之前我们得先用钢材造
u010168160·2014-12-31 08:00

JQuery学习知识梳理

一、JQuery选择器    jQuery选择器中可分为：基本选择器、层次选择器、过滤选择器、表单选择器。1、基本选择器#id根据id选择一个元素.class根据给定的类选择元素集合element根据给定的标签选择元素集合*选择所有的元素selector1，selector2.。。。。。将每个选择器选择的元素合并在一起返回2、层次选择器ancestordescendant根据祖先元素选择所有的后代
宇哲不犹豫·2014-12-26 20:00

jQuery学习之animate的应用

   今天看到别人导航有个特效就是鼠标进过导航的时候，底部有个边框从0开始缓动增加，于是就想到了jQuery的animate命令，自己也动手搞了一把，刚开始是想把border写在a标签上，给个0使用animate让他增加，播过这个实现的并不是我们要的想过，他变成高度上的增加了，于是我就分离开，吧border写在了i标签该标签的初始是width为0，然后通过animate指定，经过的时候width开
eadio·2014-12-05 17:00

JQuery学习(5-AJAX1)

.pwd{ width:200px; height:35px; } 无标题文档 varsubmtError=0; /* *提交前验证密码是否为空 */ $('input[type="submit"]').click( function(){ varpwd_length=$('#rg_pwd').val().length; if(pwd_length==0){
f1520107395·2014-11-20 00:00

JavaScript及jQuery学习笔记(2)

最后更新日：2014年11月17日 下面对整体外层的(function(window){})(window);进行改造。看下function(window){}中的window。jquery源码中写为：function(global,factory){}，我们打印出来可以看到global就是window对象,factory为undefined，因为我没有第二个参数（不明白我说的是什么意思？没关系
QuarterLifeForJava·2014-11-17 16:00

JQuery学习(5-AJAX)

  1.异步请求用户名是否以注册  1.1简单的HTML界面 Register Pleasechooseausername:nametaken,pleasechooseanother Pleasechooseapassword:passwordmustnotbeblank FirstName: LastName: E-mail:pleaseenteravalide-mailaddress Pho
f1520107395·2014-11-15 01:00

jquery学习

jQuery的三种$()学习手册：http://www.php100.com/manual/jquery/$号是jQuery“类”的一个别称，$()构造了一个jQuery对象。所以，“$()”可以叫做jQuery的构造函数1、$()可以是$(expresion)，即css选择器、Xpath或html元素，也就是通过上述表达式来匹配目标元素。 比如：$("a")构造的这个对象，是用CSS选择器构建了
talking12391239·2014-11-11 16:00

JQuery学习(4-2-php服务器端1)

  主要内容：介绍图片的上传过程，涉及PHP跟JQuery；  1.读取配置文件，连接MySQL数据库；    配置文件主要有用户名和密码；3-5.php  2.连接MySQL数据库；  这里使用PHP提供的odbc类；  首先安装数据源驱动，类如mysql-connector-odbc-5.3.4-win32；然后在ODBC数据源管理其中配置就OK了。  2.1写数据库的连接操作
f1520107395·2014-11-09 01:00

JQuery学习(4-1)

   设置表单控件，主要包括‘验证邮箱’，‘判断输入是否为空’，‘设置tabindex属性’$(document).ready(function(){ /*modalwindows*/ $('a.modal').click(function(){ varmodalID=$(this).attr('rel');//getthenameofthemodal /*fadeinthemodalwindo
f1520107395·2014-11-06 00:00

JQuery学习(3)

  创建精灵界面导航：  有下面图，合理的布局让图片正确显示：  先写导航栏html代码： Search Register Login   最重要的是了解图片的尺寸：  意思一下：从左到右100px,110px.90px;上下结构分别是30px;合理布局让背景合适：  background-position:水平位置，竖直位置的距离#spriteNavlia#search{ width:100
f1520107395·2014-11-05 00:00

JQuery学习(2)

  实现图片列表的自动滚动,单击左右导航的图片移动,以及单击图片放大的功能：  很多代码细节跟HTML、CSS相关，But······$(document).ready(function(){ /* *thisfunctionwillmakethecarouselscrollauto-matically. *itisnodifferentthanthescrollRightclickfunctio
f1520107395·2014-11-04 00:00

JQuery学习一

     学习JQuery，如何创建、调用和关闭模式窗口。(document).ready(function(){ /*BackgroundResizer-背景自适应浏览器大小*/ $("#bodyBackground").ezBgResize(); /*modalwindows*/ $('a.modal').click(function(){ /*attr-获取属性值,例如tagName*/
f1520107395·2014-11-03 00:00

jQuery学习笔记一

1、使用attr()方法控制元素的属性attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名，属性值)格式则是设置元素属性名的值。2、操作元素的内容使用html()和text()方法操作元素的内容，当两个方法的参数为空时，表示获取该元素的内容，而如果方法中包含参数，则表示将参数值设置为元素内容。3、操作元素的样式通过addClass()和c
白苏苏·2014-10-27 21:00

JQuery学习笔记-JQuery的动画效果

Untitled Document *{ margin:0; padding:0; } body { font-size:13px; line-height: 130%; padding: 60px; } #panel{ width: 300px; border: 1px solid #0050D0; } .head{ padding: 5px; background: #96E5
umgsai·2014-10-17 16:42

JQuery学习笔记-JQuery的动画效果

Untitled Document*{margin:0;padding:0;}body {font-size:13px;line-height: 130%;padding: 60px;}#panel{width: 300px;border: 1px solid #0050D0;}.head{padding: 5px;background: #96E555;cursor: pointer;}.con
umgsai·2014-10-17 16:42

JQuery学习笔记-JQuery中的事件

window.onlaod必须等网页中所有内容（包括图片）加载完毕才能执行，不能同时编写多个$(document).ready()网页中所有DOM结构绘制完毕后执行，可能DOM元素关联的东西并没有加载完毕，能同时编写多个，简写$() Untitled Document $(function() { //加载DOM的两种方式：JQuery的和window.onload() $(docume
umgsai·2014-10-17 15:05

JQuery学习笔记-JQuery的CSS DOM操作

*{ margin:0; padding:0;} body {font-size:12px;text-align:center;} a { color:#04D; text-decoration:none;} a:hover { color:#F50; text-decoration:underline;} .SubCategoryBox {width:600px; margin:0 
umgsai·2014-10-17 15:15

JQuery学习笔记-JQuery的html()方法和val()方法

Untitled Document $(function(){ //1. 为 #address 添加 focus(获取焦点), blur(失去焦点) 响应函数 $(":text").focus(function(){ //2. 当获取焦点时, 若 #address 中是默认值 //(defaultValue 属性, 该属性是 DOM 对象的属性), 就使其值置为 "" var val
umgsai·2014-10-17 14:58

JQuery学习笔记-JQuery的DOM操作

DOM（DocumentObjectModel文档对象模型）：一种与浏览器、平台、语言无关的接口，使用该接口可以轻松地访问页面中所有的标准组建DOM操作的分类  -DOMCore: DOMCore并不专属于JavaScript，任何一种支持DOM的程序设计语言都可以使用。它的用途并非仅限于处理网页，也可以用来处理任何一种是用标记语言编写出来的文档，如XML    -HTMLDOM：使用JavaSc
umgsai·2014-10-17 10:41

JQuery学习笔记-表单选择器

Untitled Document $(function(){ //对表单内 可用input 赋值操作. $("#btn1").click(function(){ //使所有的可用的单行文本框的 value 值变为 尚硅谷 alert($(":text:enabled").val()); $(":text:enabled").val("尚硅谷"); }); //对表单内 不可用inpu
umgsai·2014-10-17 10:51

JQuery学习笔记-子元素选择器

Untitled Document div, span, p {     width: 140px;     height: 140px;     margin: 5px;     background: #aaa;     border: #000 1px solid;     float: left;     font-size: 17px;     font-family: Ve
umgsai·2014-10-17 10:25

JQuery学习笔记-属性选择器

Untitled Document div, span, p {     width: 140px;     height: 140px;     margin: 5px;     background: #aaa;     border: #000 1px solid;     float: left;     font-size: 17px;     font-family: Ve
umgsai·2014-10-17 09:41

JQuery学习笔记-可见性选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 17px; font-family: Verdana; } div.mini { width: 55px
umgsai·2014-10-17 09:36

JQuery学习笔记-内容选择器

Untitled Document div, span, p {     width: 140px;     height: 140px;     margin: 5px;     background: #aaa;     border: #000 1px solid;     float: left;     font-size: 17px;     font-family: Ve
umgsai·2014-10-17 09:29

JQuery学习笔记-基本过滤选择器

Insert title here div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 17px; font-family: Verdana; } div.mini { width: 55px;
umgsai·2014-10-17 09:45

JQuery学习笔记-层次选择器

Insert title here div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 17px; font-family: Verdana; } div.mini { width: 55px;
umgsai·2014-10-16 17:20

JQuery学习笔记-基本选择器

Insert title here div, span, p {     width: 140px;     height: 140px;     margin: 5px;     background: #aaa;     border: #000 1px solid;     float: left;     font-size: 17px;     font-family: Ver
umgsai·2014-10-16 17:26
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他