Jquery学习

Jquery学习笔记：删除节点的操作

假设如下的html代码 xxx s1 s2 有下面的方法可以进行删除节点操作：$("#mydiv").remove();  //remove方法删除mydiv节点本身，以及其下的所有内容，以及子节点$("#mydiv").empty();   //empty不删除mydiv节点本身，只清空节点下的内容（包括子节点）$("#mydiv").children().remove(); //删除m
51kata·2016-02-18 08:00

【JQuery学习历程】2.JQuery选择器

基本选择器 选择器描述返回示例#id根据给定的id匹配元素单个元素$("#myId").class根据给定的class类匹配元素集合元素$(".myClass")element元素选择器，匹配给定标签的元素集合元素$("input")*匹配所有元素集合元素$("*")selector1,selector2组合选择器，取交集集合元素$("div,input")选取div和input元素层次选择器 选
lal3210·2016-02-07 13:00

【JQuery学习历程】1.初识JQuery

1.JQuery简介：JQuery是用js写的JavaScript库，是为了简化js对HTML元素的操作、实现动画效果并方便为网站提供ajax交互；2.ready()方法：ready()方法和js的windown.onload()方法类似，都是当页面的文档加载完毕后调用该方法；不同的是ready()方法是当DOM元素的结构绘制完毕后执行（一些图片类的资源可以没有加载完成）同时可以执行多个而wind
lal3210·2016-02-06 18:00

【jQuery基础学习】12 jQuery学习感想

 学习完《锋利的jQuery》，用时13天。这期间，私底下又用了一点时间去W3C上把HTML和CSS重新过了一遍。总的来说，收获还是蛮多的。 其实在本书里面真正重要的也就前几章，后面的都是一些插件什么的。这些W3C上面都有。当然我自己感觉第11章，也就是jQuery的简单性能优化，虽然少了点，但这才算值得我去买一本实体书。（然而我百度了一下，貌似网上也有这样的优化，而且更多点） 好吧，小菜鸡到这里
Troy123·2016-02-05 21:00

jQuery学习笔记 一

一jquery基础选择器1id选择器$("#my_id")例如：$("#divtest").html("设置div的内容");2元素选择器$("element")例如：$("div").css("font-weight","bold");3类选择器$(".class")例如：我穿红衣了$(".red").html(ddd);4全选选择器$("*")例如：$("div").html("我们是一家人"
cfj·2016-02-04 21:14

jQuery学习笔记 三

七jquery实现Ajax应用1使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：load(url,[data],[callback])参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。例如，点击“加载”按钮时，向服务器请求加载一个指定页面的内容，加载成功后，将数据内容显示
cfj·2016-02-04 21:14

jQuery学习笔记 二

四JQuery操作DOM元素1使用attr()方法控制元素的属性attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名,属性值)格式是设置元素属性名的值例如：       attr()方法设置元素属性       点我就变       我改变后的地址是：                         $("#a1").attr("href
cfj·2016-02-04 21:13

jQuery学习笔记 三

七jquery实现Ajax应用1使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：load(url,[data],[callback])参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。例如，点击“加载”按钮时，向服务器请求加载一个指定页面的内容，加载成功后，将数据内容显示
chenfujian87·2016-02-04 08:05

jQuery学习笔记 二

四JQuery操作DOM元素1使用attr()方法控制元素的属性attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名,属性值)格式是设置元素属性名的值例如：attr()方法设置元素属性点我就变我改变后的地址是：$("#a1").attr("href","www.imooc.com");var$url=$("#a1").attr("href
chenfujian87·2016-02-04 08:49

jQuery学习笔记 一

一jquery基础选择器1id选择器$("#my_id")例如：$("#divtest").html("设置div的内容");2元素选择器$("element")例如：$("div").css("font-weight","bold");3类选择器$(".class")例如：我穿红衣了$(".red").html(ddd);4全选选择器$("*")例如：$("div").html("我们是一家人"
chenfujian87·2016-02-04 08:08

Jquery学习笔记：操作form表单元素之二（复选框和单选框）

在上面文章的基础上，我们介绍如何操作表单元素中的复选框和单选框。一、复选框全选注意，input标签要放在label标签内，这样点击文字时也会有反映。如果选中了，调用 $("#item").prop("checked")返回true，否则返回false同样利用prop方法可以通过js代码来选中或取消选中复选框。 二、单选按钮1、基本概念男 女上面给出了2个单选按钮。但发现他们两个同时都能选，这个与单
51kata·2016-02-02 08:00

Jquery学习笔记：操作form表单元素之一（文本框和下拉框）

一、概述在web页面开发中，经常需要获取和设置表单元素的值（如文本框中的内容），特别是在ajax应用中，更是常态。本文系统的介绍下如何操作。 同操作其它html元素一样，操作的过程差不多。第一步，需要获取到表单元素对应的jquery（或dom）对象。这个主要是利用jquery的选择器机制。第二步，调用表单元素的属性和方法来获取和设置值。其中最常见的就是利用jquery对象的val方法。因为很多表单
51kata·2016-02-01 20:00

Jquery学习笔记： attr和 prop的区别，以及为html标签自定义属性

一、自定义html标签属性对于html文件中的html标签，可以自定义属性，如：删除上面的标签a并没有action属性（也就是说w3c定义中没有给a标签定义action属性），但有href,id属性。但我们一样可以给它加自己需要的属性，如这里的action。这个在很多场合下还是有用的，特别是当需要给标签来设置某些特性时。我们看到很多的框架，如bootstrap都给html标签定了各种自定义属性。二
51kata·2016-02-01 20:00

jQuery学习

   这是一个标题 这是一个段落，点击按钮，我将消失 这是一个段落，点击我不会消失 点击我 $().ready(function(){ $(".button").click(function(){ $(".name").hide(); }); });  提示：1、您是否很疑惑为什么我们没有在标签中使用type="text/javascript"？在HTML5
dodo的菜园子·2016-01-29 09:00

Jquery学习笔记一

1、Jquery中$(document).ready()和window.onload的区别2、多个库之间冲突3、简单选择器在使用jQuery选择器时，我们首先必须使用“$()”函数来包装我们的CSS规则。而CSS规则作为参数传递到jQuery对象内部后，再返回包含页面中对应元素的jQuery对象。随后，我们就可以对这个获取到的DOM节点进行行为操作了。#box{ //使用ID选择器的CSS规则 c
xunzaosiyecao·2016-01-28 08:00

jQuery学习之旅10 ajax快餐

1.摘要本系列文章将带您进入jQuery的精彩世界,其中有很多作者具体的使用经验和解决方案,即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.2.前言Ajax让用户页面丰富起来,增强了用户体验.使用Ajax是所有Web开发的必修课.虽然Ajax技术并不复杂,但是实现方式还是会因为每个开发人员的而有所差异
z742182637·2016-01-27 10:00

jQuery学习之旅 9 动画效果

1、元素的显示和隐藏display:none;隐藏display:block;显示简单显示和隐藏方法a)show()显示b)hide()隐藏c)toggle()开关，显示则隐藏，隐藏则显示functionf1(){//隐藏$("div").hide();//display:none//document.getElementById('id').style.display="none";}funct
z742182637·2016-01-27 09:00

jQuery学习之旅 8 DOM事件操作

1、jquery页面载入事件1、传统加载事件页面全部html和css代码加载完成之后再调用指定的onload函数 window.onload=function(){ 加载过程 }2、jquery实现加载事件①$(document).ready(function(){加载代码}); ②$().ready(function(){加载代码}); ③$(function(){加载代码});-----jQu
z742182637·2016-01-27 09:00

jQuery学习之旅 7 区别this和$(this)

刚开始以为this和$(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事，这里就谈谈this与$(this)的区别。1、jQuery中this与$(this)的区别$("#textbox").hover( function(){ this.title="Test"; }, fucntion(){ this.title="OK”;});这里的this其实是一个html元
z742182637·2016-01-27 09:00

jQuery学习之旅 6 好用的each()

1、javascript函数的调用方式首先来研究一下jquery的each()方法的源码，在这之前，先要回顾一下javascript函数具体调用样式：普通函数调用setName();可以作为对象的属性调用作为构造函数使用，new函数，实例化对象call()apply()//1、函数作为对象成员使用 varcat={'climb':function(){alert('zaipashu')}}; //
z742182637·2016-01-27 09:00

jQuery学习之旅 5 $与jQuery对象

1、$符号的由来$符号本质就是函数的名字。jquery源码分析通过分析我们知道，在jquery里边不只可以使用$符号，还可以使用jQuery标志解决冲突问题有的项目是中间过渡项目(prototype和jquery框架都有使用)prototype框架也使用$符号jquery里边也使用符号现在就分不清楚符号符号到底是prototype框架的还是jquery框架的jquery本身有方法可以是的$符号的使
z742182637·2016-01-27 09:00

jQuery学习之旅 4 细说DOM操作

jQuery—–DOM操作(文档处理)Dom是DocumentObjectModel的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOMCore(核心)、HTM-DOM和CSS-DOM。每一个网页都可以用DOM表示出来，每个DOM都可以看作是一棵DOM树。下面的html页面结构可以构建出一棵DOM树，
z742182637·2016-01-27 09:00

jQuery学习之旅 3 属性操作与样式操作

本节将Dom元素的操作:属性操作、样式操作、设置和获取HTML,文本和值、Css-Dom操作。1、属性操作方法：attr()attribute属性使用：1、attr(名称);获得元素节点对应的属性信息$(“input”).attr(‘class’);//apple $(“input”).attr(‘type’);//text2、attr(名称，值)设置元素节点的属性信息$(“input”).att
z742182637·2016-01-27 09:00

jQuery学习之旅 2 选择器【二】

这里接着上一个Item1把jQuery的选择器讲完。主要有：属性过滤器和子元素过滤器点击”名称”会跳转到此方法的jQuery官方说明文档.5.属性过滤器AttributeFilters名称说明举例[attribute]匹配包含给定属性的元素查找所有含有id属性的div元素:$(“div[id]”)[attribute=value]匹配给定的属性是某个特定值的元素查找所有name属性是newslet
z742182637·2016-01-27 09:00

jQuery学习之旅 1 选择器【一】

1.基础选择器 Basics名称说明举例#id根据元素Id选择$("divId")选择ID为divId的元素element根据元素的名称选择,$("a")选择所有元素.class根据元素的css类选择$(".bgRed")选择所用CSS类为bgRed的元素*选择所有元素$("*")选择页面所有元素selector1, selector2, selectorN可以将几个选择器用","分隔开然后再拼成
z742182637·2016-01-25 09:00

JQuery学习笔记——JQuery基础

#，JQuery避免名称冲突的方法varjq=jQuery.noConfilct();jq.ready(function(){  jq("p").hidden();});就是为了避免和其他库中$冲突；#，在引用jquery的时候，可以考虑使用google或者微软的cdn的jquery链接： #，jquery的基础语法$(selector).action();其中选择器大全可以参考：htt
拿时间投资自己·2016-01-21 22:00

jquery学习总结

     jQuery是轻量级的js库，帮助用户更方便的处理HTML、events，实现动态效果，与ajax交互，它具有添加动态特效，扩展插件，链式调用（让代码简单美观），多浏览器支持的特点。本次学习通过实际学习应用了解了jQuery的常用方法的使用。       jquery的常用语法$("css标签").事件/方法（funciton(){...方法内容}），页面加载完成的触发方法是$(docu
GISShiXiSheng·2016-01-17 14:00

jQuery学习--jQuery 元素替换

jQuery replaceAll() 方法把最后一个元素替换为元素：$("button").click(function(){$("Helloworld!").replaceAll("p:last");});replaceAll()方法吧被选元素替换为新的HTML元素。jQuery replaceWith() 方法把第一个元素替换为新的文本：$("button").click(function(
u013372487·2016-01-12 23:00

jQuery学习--jQuery 删除元素

删除元素/内容jQueryremove()方法jQueryremove()方法删除被选元素及其子元素。remove()方法移除被选元素，包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。$("#div1").remove();jQueryempty()方法jQueryempty()方法删除被选元素的子元素。$("#div1").empty();jQuery detach() 方法移除所有
u013372487·2016-01-12 23:00

jQuery学习--添加元素

用于添加新内容的四个jQuery方法：append()-在被选元素的结尾插入内容prepend()-在被选元素的开头插入内容after()-在被选元素之后插入内容before()-在被选元素之前插入内容jQueryappend()方法jQueryappend()方法在被选元素的结尾插入内容。$("p").append("Someappendedtext.");jQuery appendTo() 方
u013372487·2016-01-12 23:00

jQuery学习笔记

特开一篇博文，在评论里记录jQuery学习实践中积累的知识。
grt322·2016-01-11 12:21

很不错的jQuery学习资料和实例

转载http://www.cnblogs.com/gaoweipeng/archive/2009/06/05/1496587.html这些都是学习Jquery很不错的资料，整理了一下，分享给大家。希望能对大家的学习有帮助。帕兰Noupe带来的51个最佳jQuery教程和实例,向大家介绍了jQuery的一些基本概念和使用的相关教程,如果你对jQuery感兴趣,也可以查看帕兰写的文章:37个更加出色的
landerluu·2016-01-07 07:31

很不错的jQuery学习资料和实例

转载 http://www.cnblogs.com/gaoweipeng/archive/2009/06/05/1496587.html这些都是学习Jquery很不错的资料，整理了一下，分享给大家。 希望能对大家的学习有帮助。帕兰 Noupe带来的51个最佳jQuery教程和实例,向大家介绍了jQuery的一些基本概念和使用的相关教程, 如果你对jQuery感兴趣,也可以查看帕兰写的文章:37个更
landerluu·2016-01-07 07:00

Jquery学习总结（1）——Jquery常用代码片段汇总

1.禁止右键点击?12345$(document).ready(function(){    $(document).bind("contextmenu",function(e){            return false;    });});2.隐藏搜索文本框文字?123456789101112131415Hide when clicked in the search field, the
·2016-01-06 10:00

jQuery学习--jQuery CSS 操作

jQuery操作CSSaddClass()-向被选元素添加一个或多个类removeClass()-从被选元素删除一个或多个类toggleClass()-对被选元素进行添加/删除类的切换操作css()-设置或返回样式属性实例样式表下面的样式表将用于本页的所有例子：.important{font-weight:bold;font-size:xx-large;}.blue{color:blue;}jQu
u013372487·2015-12-30 17:00

锋利的jquery学习

jquery环境配置从官网上下载jquery.js文件，然后在页面中引入：在标签中引入jQuery库。jQuery对象jQuery对象是通过jQuery包装DOM对象后产生的对象，是jQuery独有的。jQuery对象无法使用DOM对象的任何方法，DOM对象也不能使用jQuery对象的方法。1、jQuery对象转成DOM对象jQuery提供两个方法将一个jQuery对象转换成DOM对象。Query
Study云·2015-12-29 19:00

jquery学习总结

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

值得 Web 开发人员学习的20个 jQuery 实例教程

1.HowtocreateaparallaxscrollingusingjQuery学习使用jQuery实现一个精美的视差滚动（ParallaxScrolling）幻灯片效果。
u011225629·2015-12-29 16:00

jQuery学习--jQuery DOM 操作

jQueryDOM操作获得内容-text()、html()以及val()三个简单实用的用于DOM操作的jQuery方法：text()-设置或返回所选元素的文本内容html()-设置或返回所选元素的内容（包括HTML标记）val()-设置或返回表单字段的值例：$("#btn1").click(function(){ alert("Text:"+$("#test").text());});$("#bt
u013372487·2015-12-28 18:00

jQuery学习--jQuery选择器

jQuery 选择器jQuery选择器介绍：jQuery选择器允许您对HTML元素组或单个元素进行操作。jQuery选择器基于元素的id、类、类型、属性、属性值等"查找"（或选择）HTML元素。它基于已经存在的 CSS选择器，除此之外，它还有一些自定义的选择器。jQuery中所有选择器都以美元符号开头：$()。元素选择器jQuery元素选择器基于元素名选取元素。在页面中选取所有元素:（元素选择器选
u013372487·2015-12-26 23:00

jQuery学习--jQuery页面加载完成事件

文档就绪事件所有jQuery函数位于一个documentready函数中：$(document).ready(function(){   //此处填写页面加载完成后要执行的操作});这是为了防止文档在完全加载（就绪）之前运行jQuery代码。如果在文档没有完全加载之前就运行函数，操作可能失败。提示：简洁写法（与以上写法效果相同）:$(function(){   //此处填写页面加载完成后要执行的操
u013372487·2015-12-26 22:00

jquery学习--jQuery安装

网页中添加jQuery有两种方式：从 jquery.com 下载jQuery库从CDN中载入jQuery,如从Google中加载jQuery下载jQuery:有两个版本的jQuery可供下载：Productionversion-用于实际的网站中，已被精简和压缩。jquery.min.jsDevelopmentversion-用于测试和开发（未压缩，是可读的代码）jquery.js以上两个版本都可以
u013372487·2015-12-26 14:00

锋利的jquery学习

jquery环境配置从官网上下载jquery.js文件，然后在页面中引入：在标签中引入jQuery库。jQuery对象jQuery对象是通过jQuery包装DOM对象后产生的对象，是jQuery独有的。jQuery对象无法使用DOM对象的任何方法，DOM对象也不能使用jQuery对象的方法。1、jQuery对象转成DOM对象jQuery提供两个方法将一个jQuery对象转换成DOM对象。Query
is_false·2015-12-25 23:25

20151225jquery学习笔记---编辑器插件

编辑器（Editor），一般用于类似于word一样的文本编辑器，只不过是编辑为HTML格式的。分类纯JS类型的，还有jQuery插件类型的。一．编辑器简介我们使用的jQuery版本比较新，但尚未全面使用2.0的版本，因为IE6,7,8被抛弃了。而恰恰在这个时期，就出现编辑器插件的两极分化的局面。高端和先进的HTML编辑器已经全面不支持IE6,7,8了，而老版本的HTML编辑器，在使用jQuery1
碎玉轩·华裳绕指柔·2015-12-25 20:00

20151225jquery学习笔记---折叠菜单UI

折叠菜单（accordion），和选项卡一样也是一种在同一个页面上切换不同内容的功能UI。它和选项卡的使用几乎没有什么太大区别，只是显示的效果有所差异罢了。一．使用accordion使用accordion比较简单，但需要按照指定的规范即可。//HTML部分 菜单1 内容1 菜单2 内容2 菜单3 内容3 //jQuery部分 $('#accordion').accordio
碎玉轩·华裳绕指柔·2015-12-25 20:00

20151225jquery学习笔记---选项卡UI

  圣诞节快乐，哈哈哈。。。。选项卡（tab），是一种能提供给用户在同一个页面切换不同内容的UI。尤其是在页面布局紧凑的页面上，提供了非常好的用户体验。一．使用tabs使用tabs比较简单，但需要按照指定的规范即可。//HTML部分 tab1 tab2 tab3 tab1-content tab2-content tab3-content //jQuery部分 $(
碎玉轩·华裳绕指柔·2015-12-25 19:00

20151224jquery学习笔记---cookie插件

hello,祝自己平安夜快乐。Cookie是网站用来在客户端保存识别用户的一种小文件。一般来用库可以保存用户登录信息、购物数据信息等一系列微小信息。一．使用cookie插件官方网站：http://plugins.jquery.com/cookie///生成一个cookie： $.cookie('user','bnbbs'); //设置cookie参数 $.cookie('user','bnb
碎玉轩·华裳绕指柔·2015-12-24 22:00

jQuery学习笔记（三）

1.获取元素的属性当谈到DOM元素时，我们可以操作的一些最基本的组件是属性以及分配给这些元素的属性。大部分属性可以作为DOM节点属性在JavaScript中时可用的。一些比较常见的属性是类名、标签名、id、超链接、标题、rel、src注意：除了这几个属性外，不能保证使用attr方法设置属性成功，例如：$("div").attr("text","对所有的匹配的div设置值");则设置失败，原因是te
leixingbang1989·2015-12-21 11:00

jQuery学习笔记（二）

   首先给出程序下载链接点击打开链接 1.    简单选择器选择器是jQuery最核心的部分：选择器引擎，继承了css的语法，可以对dom元素的标签名、属性名、状态等进行快速的选择，还是自定义的选择器，jQuery与css的区别是：css添加的是样式,而jQuery添加的是行为。A.     使用纯css对页面中的元素进行控制(根据id来选择)首先导入css样式文件：在css中设置内容，注意的是
leixingbang1989·2015-12-18 18:00

jQuery学习笔记(一)

本文是基于jQuery视频教程的学习笔记，测试例子是在IntelliJIdea下开发的，下载链接：下载链接1.1基础语法页面元素的选择，内置功能函数，都是以$符号，是jQuery对象的缩写。可以将下列中所有的$符号替代为jQuery，效果依然保持不变。jQuery(function(){//#是页面元素的选择，根据id来进行选择的//行内的css元素设置jQuery('#box').css('co
大邦·2015-12-17 17:30
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他