Jquery学习

【Jquery学习】第六部分

遍历:add（）元素添加到已存在的元素组合中。children()直接子元素。closest(‘’)返回被选元素的第一个祖先元素。contents()元素内所有的文本节点。each（function）方法为每个匹配元素规定要运行的函数。filter(‘#id’//$("divp"))方法返回符合一定条件的元素。find(‘’)方法返回被选元素的后代元素。first（）返回被选元素的第一个元素。la
wangning666·2017-06-16 16:00

【Jquery学习】第五部分

Jquery事件:click（）鼠标单击事件dblclick（）双击事件mouseenter()鼠标穿入mouseleave()鼠标离开hover()鼠标经过mouseout（）鼠标离开mousemove（）鼠标移动mouseover（）鼠标位于元素上mousedown（）鼠标经过点击mouseup（）当鼠标松开按键change（function）元素值发生变化时focus（function）聚焦
wangning666·2017-06-16 16:00

【Jquery学习】第四部分

Jquery效果:animate({属性："值",属性:"值"}，时间，callback)if(!$(".box").is(":animated")){执行}显示隐藏hade(speed，callback)隐藏show（）显示toggle（）切换淡入淡出fadeIn（）淡入fadeOut（）淡出fadeTo（）允许渐变为给定的不透明度fadeToggle（）淡入切换滑动slideDown（）向下滑
wangning666·2017-06-16 15:00

【Jquery学习】第三部分

Jquery控制dom:attr（'属性'）返回元素属性的属性值attr（'属性'，'属性值'）设置元素属性的属性值html（）获取元素html内容text（）获取元素文本内容不包括格式val（）设置或返回表单value值addClas()将一个类添加到元素中removeClass（）移除类removeAttr（）移除元素属性css('属性','值')为元素添加具体样式:    ({“属性”：“值
wangning666·2017-06-16 14:00

【Jquery学习】第二部分

Jquery选择器:$('p')标签$('.class')类$('#id')id$("[href='#']")属性href=#$("[href!='#']")不等于#$("[href$='.jpg']")以.jpg结尾$("li:first")第一个li$("li:last")最后一个li$(":even") 偶数个li$("li:odd")奇数个li $("ulli:eq(index)")列表中
wangning666·2017-06-16 14:00

【Jquery学习】第一部分

JQuery是JavaScript的一个函数库其中包括的特性：HTML元素选取                   HTML元素操作                    CSS操作                   HTML事件函数                   JavaScript特效和动画                   HTMLDOM遍历和修改                 
wangning666·2017-06-16 14:00

jquery学习笔记-编写选项卡(最基础简单方案)

jquery1#div1div{width:200px;height:200px;border:1pxsolid#ccc;display:none;}.block{display:block!important;}.none{display:none!important;}.active{background:red;}111222333$(function(){$("#div1").find("
Duoer_z·2017-05-29 13:04

jquery学习笔记-编写选项卡(最基础简单方案)

jquery1#div1div{width:200px;height:200px;border:1pxsolid#ccc;display:none;}.block{display:block!important;}.none{display:none!important;}.active{background:red;}111222333$(function(){$("#div1").find("
Duoer_z·2017-05-29 13:04

二级菜单的实现

导航栏布局借助于标签菜单的显示与隐藏借助于：hover伪类html代码如下首页课程大厅javascriptjquery学习中心视频学习案例学习交流平台经典案例关于我们页面布局十分简单重点是css样式的编写
凡人在世·2017-05-23 09:31

jQuery总结4（Ajax）

jQuery学习4（Ajax）一、什么是ajaxAJAX=异步JavaScript和XML（AsynchronousJavaScriptandXML）。
xiaokang123456kao·2017-05-08 21:00

jQuery总结3（事件）

jQuery学习3（事件）一、jQuery中的事件简介页面对不同访问者的响应叫做事件。事件处理程序指的是当HTML中发生某些事件时所调用的方法。实例：在元素上移动鼠标、选取单选按钮、点击元素等。
xiaokang123456kao·2017-05-08 21:00

jQuery总结2（DOM操作和遍历）

jQuery学习2（DOM操作和遍历）一、DOM操作的原则当我们选取到指定的DOM元素并将其封装为jQuery对象后，就可以对这些元素进行操作了。
xiaokang123456kao·2017-05-08 18:00

jQuery学习笔记

7jQuery7.1jQuery简介用途：访问和操作DOM元素、控制页面样式、对页面事件的处理、方便的使用jQuery插件、与Ajax技术完美结合。优势：轻量级、强大的选择器、出色的DOM封装、可靠的事件处理机制、隐式迭代、丰富的插件支持、不存在浏览器兼容性问题引入方式：主函数：把整个文档加载完毕后才会执行主函数①$(document).ready(function(){})②$(function
Ranphy_小志·2017-05-03 15:12

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

原文链接：http://www.cnblogs.com/lytwajue/p/6791291.htmlJquery学习笔记总结感想：此前在做站点时用到过jquery相关，特别是Ajax相关技术。
weixin_30915951·2017-05-01 09:00

JQuery学习之核心

JQ#bar{margin:3px;width:40px;height:40px;position:absolute;left:0px;top:30px;background:green;display:none;}#bar.newcolor{background:blue;}sssssfoobarstop//1.JQ搜索元素可以接受两个参数，第一个为目标，第二个为范围，但一般都是在HTML中搜索
ALSNEI·2017-04-05 15:54

前端学习-jQuery学习小笔记（2）——jQ属性样式篇

jQuery.data()静态方法点击看结果jQuery.data.data()实例方法点击看结果.data$('.left').click(function(){varele=$(this);//通过$.data方式设置数据$.data(ele,"a","datatest")$.data(ele,"b",{name:"慕课网"})//通过$.data方式取出数据varreset=$.data(e
Edison_困·2017-04-03 02:40

前端学习-jQuery学习小笔记（1）——jQ基础以及各种选择器

本系列笔记为个人在慕课网学习jQuery时的笔记。jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。在很多场景中，我们需要jQuery与DOM能够相互的转换，它们都是可以操作的DOM元素，jQuery是一个类数组对象，而D
Edison_困·2017-04-02 02:58

JQuery学习随笔

JS对象与Jquery对象的关系：1、二者不等价2、二者可以相互转换JS对象转JQuery对象varJQ对象=$(JS对象);-----建议书写格式varJQ对象=jQuery(JS对象);$与jQuery完全等价，一般使用$JQuery将JS操作方法化，JS一般是操作对象的属性，而JQuery对应的操作都变成了方法*比如：获取input的value值*js操作：JS对象.value*JQuery
Dark_Zhou·2017-04-01 16:06

jQuery学习教程二十五: jQuery - AJAX get() 和 post() 方法

jQueryget()和post()方法用于通过HTTPGET或POST请求从服务器请求数据。HTTP请求：GETvs.POST两种在客户端和服务器端进行请求-响应的常用方法是：GET和POST。GET-从指定的资源请求数据POST-向指定的资源提交要处理的数据GET基本上用于从服务器获得（取回）数据。注释：GET方法可能返回缓存数据。POST也可用于从服务器获取数据。不过，POST方法不会缓存数
j20lin·2017-03-24 16:12

第一次码前端页面的经历

经过两天HTML+CSS的集训和两天JavaScript以及一天的jQuery学习，博主终于接触到了有图有真相的前端编程素材，于是便花了一段时间边联系学过的知识点边完成第一个真正的前端页面。
My*hj*world·2017-03-17 22:00

jquery学习之延迟jQuery的ready事件

阅读更多网页页面dom加载完成后，我们才会处理一些业务逻辑，但是有时候我们需要在加载完成之前做一些别的任务，此时，就需要了解延迟ready的事件。jquery帮助文档概述：暂停或恢复.ready()事件的执行。在$.holdReady()方法允许调用者延迟jQuery的ready事件。这种先进的功能，通常是使用动态脚本加载器，要加载的JavaScript比如jQuery插件，如额外的ready事件
低调的小人物·2017-03-14 16:00

Jquery学习之Jquery操作DOM

DOM简介    DOM(DocumentObject Model，文档对象模型)：是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。    DOM树就是网页中的元素由上到下的分支结构，下图为简单的DOM树例子：Jquery对DOM的操作一般是：元素属性、内容、值、CSS样式的操作元素属性操作获取
XGamerR·2017-03-01 17:20

jQuery学习笔记之Dom操作

对于这个案例，有兴趣的朋友可以到我云盘里下载我的云盘：https://pan.baidu.com/s/1slU4S0H密码：c4ci
ArryLuo123·2017-02-25 00:00

jQuery学习总结之动画篇

jQuery中的动画大致分为三类：基本动画方法hide()和show()到fadeIn()和fadeOut(),然后到slideUp()和slideDown()方法。自定义动画animate()交互动画方法toggle()、slideToggle()、fadeTo()和fadeToggle()。1、show()和hide()方法hide()方法，会将该元素的display样式改为“none”。hi
McRay·2017-02-17 19:37

jQuery学习之DOM节点的插入方法总结

本文主要总结了jQuery中DOM节点的插入方法，以及各种方法的注意点，下面话不多说，来看看详细的介绍吧。一、内部插入append()与appendTo()append：这个操作与对指定的元素执行原生的appendChild方法，将它们添加到文档中的情况类似。appendTo：实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。appen
GKL2013·2017-01-22 11:08

jQuery笔记总结篇

原文链接http://blog.poetries.top/2016/10/20/review-jQuery首先，来了解一下jQuery学习的整体思路XMind源文件提供参考下载[Jquery笔记]XMind
poetries·2016-12-23 09:54

详解jQuery选择器

大致介绍终于开始了我的jQuery学习之路！感觉不能再拖了，要边学习原生JavaScript边学习jQueryjQuery是什么？
老板丶鱼丸粗面·2016-12-21 16:12

jQuery学习第一节

一.jQury的引入jQuery的优势轻量级强大的选择器出色的DOM操作可靠的事件处理机制完善的Ajax出色的浏览器兼容性链式操作方式丰富的插件支持完善的文档开源一定要引入jquery文件在jQuery库中，$就是jQuery的一个简写形式选择器:类似于css的选择器(包含css1-css3的选择器)//原理采用的是事件监听机制，不会发生覆盖//在运行时间点上，ready方法只要html、css、
空谷悠·2016-12-14 19:52

jQuery学习笔记之入门

最近在学习jQuery，在网上看到有几篇关于jQuery的文章，写的不错转载过来跟大家分享一下；一、JQuery是什么JQuery是什么？始终是萦绕在我心中的一个问题：借鉴网上同学们的总结，可以从以下几个方面观察。不使用JQuery时获取DOM文本的操作如下：document.getElementById('info').value='HelloWorld!';使用JQuery时获取DOM文本操作
南山�[士·2016-12-14 08:33

JQuery学习总结【二】

一：JQuery知识点*:JQuery的dom操作*：动态创建dom节点比如动态创建表格等，在js里面进行完成。*删除节点这里面的删除就是将其放在了一个地方，并不是真的删除，之后可以使用。*：document方法1:.val()可以获取到文本框里面的值，若括号里面有值则直接为赋值。Eg:加法计算器$(function(){$("#buttons").click(function(){vartex1
―阿辉·2016-12-01 15:36

JQuery学习总结【一】

JQuery学习总结【一】一：JQuery1JQuery知识*：就是让我们学会调用JQ插件，其实内部就是对JS的封装。
―阿辉·2016-12-01 14:14

JQuery学习总结

1      jQuery入门 1.1    jQuery的功能和优势: jQuery作为JavaScript封装的库，他的目的就是为了简化开发者使用JavaScript。主要功能有以下几点：1.像CSS那样访问和操作DOM2.修改CSS控制页面外观3.简化JavaScript代码操作4.事件处理更加容易5.各种动画效果使用方便6.让Ajax技术更加完美7.基于jQuery大量插件8.自行扩展功能
JourneyX·2016-11-19 17:00

Js脚本之jQuery学习笔记（4）

CSS之框模型和定位篇框模型在排版Html的时候，除了对元素的显示外观进行美化，还会涉及到页面元素的布局，于是引入了框的概念，即我们对HTML里面的元素排版以一个个框为基本单位。元素div与span的异同首先我们先来了解两个元素div:属于对内容分组使用的元素，没有任何预定语义的通用元素span:属于文本元素，没有任何预定语义的通用元素通俗的来说，没有预定义即不同与代表段落、代表超链接已经有了自己
hiubuntu·2016-11-12 23:15

jQuery学习笔记（四）：attr()与prop()的区别

这一节针对attr()与prop()之间的区别进行学习。先看看官方文档是如何解释两者之间功能差异的：attr()Getthevalueofanattributeforthefirstelementinthesetofmatchedelementsorsetoneormoreattributesforeverymatchedelement.获取匹配的元素集合中第一个元素的attribute，或者为每
Data&Truth·2016-11-12 19:00

jQuery学习笔记（三）：选择器总结

这一节详细的总结jQuery选择器。一、基础选择器$('#info');//选择id为info的元素，id为document中是唯一的，因此可以通过该选择器获取唯一的指定元素$('.infoClass');//选择class为infoClass的所有元素$('div');//选择标签名为div的所有的元素$('*');//选择所有标签元素二、基本过滤器基本选择器获取的元素集合，通过过滤器的筛选，使
Data&Truth·2016-11-10 13:00

jQuery学习笔记（二）：this相关问题及选择器

上一节的遗留问题，关于this的相关问题，先来解决一下。this的相关问题this指代的是什么这个应该是比较好理解的，this就是指代当前操作的DOM对象。在jQuery中，this可以用于单个对象，也可以用于多个对象。$('btn').click(function(){alert(this.innerHTML);//单个对象，this指代当前id为btn的DOM对象});$('div').eac
Data&Truth·2016-11-09 18:00

Js脚本之jQuery学习笔记（1）

Js脚本之jQuery学习笔记（1）一、javascript基础单行注释多行注释/**/数据类型数值型字符串型布尔型空值未定义值转义字符函数定义：1234567891011121314test("哈哈"
hiubuntu·2016-11-09 16:11

jQuery学习笔记――jqGrid的使用记录（实现分页、搜索功能）

jqGrid是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。一、要引用的文件要使用jqGrid，首先页面上要引入如下css与js文件。1、css2、js二、使用要点说明1、获取值（1）、获取单个id获取行号，有这种方式：varrowid=$("#grid-table").jqGrid("getGridParam","selrow");
逆心·2016-11-09 15:39

jQuery学习笔记（一）：入门

由于工作的需要，发现JQuery是一个绕不开的东西，现在开始学习。一、JQuery是什么JQuery是什么？始终是萦绕在我心中的一个问题：借鉴网上同学们的总结，可以从以下几个方面观察。不使用JQuery时获取DOM文本的操作如下：document.getElementById('info').value='HelloWorld!';使用JQuery时获取DOM文本操作如下：$('#info').v
Data&Truth·2016-11-08 13:00

初始HTML之JS与JQuery学习总结（一）

前言：HTML的学习进度逐渐加快，JS和JQuery的学习初步结束。总结了一些前辈指导和书籍上的资料。本篇文章仍会不断更新。W3SchoolJavaScript实例W3SchooljQuery实例一、语法结构1.区分大小写2.注释//单行/*多行注释*/3.字面量（直接量literal）例：null空类型；"hello"、'hello'字符串；/js/gi正则表达式；1、2数字number；{x：
西北二爷·2016-11-05 09:17

jQuery学习笔记二（jQuery选择器）

一.id选择器例如$("id")id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器id是唯一的，每个id值在一个页面中只能使用一次，如果使用了多次，则只匹配第一个DOM元素这个和下面的类选择器就不同了，类选择器就可以
moluchase·2016-10-29 21:08

jQuery笔记总结篇

原文链接http://blog.poetries.top/2016/10/20/review-jQuery关注公众号获取更多资讯首先，来了解一下jQuery学习的整体思路jQuery系统学习篇jQuery
poetries·2016-10-20 10:02

Jquery学习总结（5）——jQuery选择器

1.#id:根据给定的ID匹配一个元素这是第一个p标签这是第二个p标签$(function(){$("#myId").css("color","red");});结果：这是第一个p标签这是第二个p标签2.element:根据给定的元素标签名匹配所有元素这是div标签1这是div标签2这是p标签$(function(){$("div").css("color","red");});结果：这是div标
u012562943·2016-09-25 10:00

jQuery学习心得----第三集：jQuery中的DOM操作总结

首先先解释下什么是DOM，翻译过来就是文档对象模型。嗯，是不是更不明白了，我也不懂。。。。。不过没关系，我们暂时懂这个就行了：每一张网页都能用DOM来表示，怎么表示呢？下面这个是一张网页HTML代码：      Title你最喜欢的水果是？  苹果  橘子  菠萝这张网页的DOM结构如下：现在懂了吧，其实DOM结构就是这网页上面的元素节点的层次结构。父节点和子节点：比如li是ul的子节点，ul是l
ClareQi·2016-09-01 10:24

jQuery学习心得----第二集：层次选择器和过滤选择器

小编前面两篇文章向大家介绍了一下什么是jQuery选择器，今天呢，将会说说高级一点的选择器，层次选择器和过滤选择器。层次选择器：顾名思义，层次选择器就是说利用元素之间的层次关系来选择我们需要的元素。通过查阅书籍资料，我简单总结了一下以下几种层次选择器：1.$("#tbtr")在上一篇文章里有这个，tb是一个table的id，这样写表示选择id为tb的table下的tr(行)；$("divp")选择
ClareQi·2016-08-30 14:11

jQuery学习心得----鼠标经过时改变table行的背景色

学习了jQuery选择器，下面给大家一个关于选择器的例子，注释很详细，大家可以自己体会。Title.tr1{background-color:#FF9933;}$(function(){//$("#tbtr")--选择id为tb的table，再选择该table的行tr//mouseover--鼠标放上去的事件（悬停）//$("#tbtr").mouseover();--给tb的行tr添加鼠标悬停事
ClareQi·2016-08-30 11:36

jQuery学习心得----第一集：选择器（#）

今年刚大学毕业，就在公司开始弄前端，说实话，刚开始也确实有很多不会的地方，慢慢边学边总结吧，也希望把自己的学习心得分享给大家。言归正传，jQuery是什么？我听这个名字也才近两个月，按照我的理解，就是一些封装好的JavaScript库，我们拿来使用而已。在写HTML页面的时候，我们要对某一样元素（就是css中的p、div等标签）添加效果的时候，第一步是干什么呢？毋庸置疑，是要选择到这个元素，所以顾
ClareQi·2016-08-30 09:39

jQuery学习心得----第一集：选择器（#）

今年刚大学毕业，就在公司开始弄前端，说实话，刚开始也确实有很多不会的地方，慢慢边学边总结吧，也希望把自己的学习心得分享给大家。言归正传，jQuery是什么？我听这个名字也才近两个月，按照我的理解，就是一些封装好的JavaScript库，我们拿来使用而已。在写HTML页面的时候，我们要对某一样元素（就是css中的p、div等标签）添加效果的时候，第一步是干什么呢？毋庸置疑，是要选择到这个元素，所以顾
ClareQi·2016-08-30 09:39

jQuery学习笔记之回调函数

1.回调函数定义回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，才会真正的执行回调函数内部的方法。2.代码JS代码(function($){$.fn.shadow=function(opts){//定义的默认的
帆帆帆·2016-08-15 09:26

jQuery学习笔记二：选择器

选择器是jQuery的核心，它帮助我们快速定位到一个或多个DOM节点。按ID查找//查找:vardiv=$('#abc');#abc以#开头。返回的对象是jQuery对象。jQuery对象类似数组，它的每个元素都是一个引用了DOM节点的对象。//如果id为abc的存在，返回的jQuery对象如下[...]//如果id为abc的不存在，返回的jQuery对象如下[]jQuery的选择器不会返回und
arthur_deng·2016-07-27 09:49
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他