乐胖代购免代理版

jQuery学习笔记（一）

l JQuery简介：JQuery是JavaScript的封装类库优点：尺寸小，使用简单方便（支持链式编程，隐式迭代），跨浏览器兼容性好。插件丰富，开源，免费。何为链式编程：如:$(“#div1”).draggble.show().hide().fly(); 可以一直点下去何为隐式迭代：表示自动迭代方法调用。$(“div”).draggble表示所有的div都操作draggble方法用法：直接引用jquery-1.4.1.js,jquery-1.4.1-vsdoc.js放在同一目录下。Vsdoc(相当于js的说明库)与js放在一起就会有第三方js的自动提示的功能。简单的JQuery$(docu

jquery对象

jquery

dom对象

html

数组

原创 2021-09-04 12:00:26 132 阅读

jQuery实现一个弹出登陆层的效果

导读：现在很多网页点击登陆按钮都会弹出一个对话框出来，一般情况下是不会显示出来的，只有在点击登陆时。其实这个一个层的操作。好，废话少说，现在我们来实现这个神奇的效果。步骤：一：首先使用css画出一个层出来二：使用jQuery实现点击操作。具体代码如下解释就不必啦。相信大家都是大牛。实在不懂得请“悟”吧。我一直在看别人的源码在悟！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d

html

css

javascript

jquery

xml

原创 2021-09-04 12:00:25 196 阅读

jQuery学习笔记(三)

案例实现登陆界面验证：需求分析：当文本框字符为空时显示红色，不为空显示白色 <head> <title>实º¦Ì现?的Ì?效¡ì果?是º?当Ì¡À文?本À?框¨°离¤?开a时º¡À背À3景¡ã色¦?为a红¨¬色¦?</title> <script src="js/jquery-1.4.2.js"

javascript

css

jquery

搜索

事件对象

原创 2021-09-04 12:00:24 150 阅读

jQuery获取select选择的文本和值（转）

jquery获取select选择的文本与值获取select ：获取select 选中的 text :$("#ddlregtype").find("option:selected").text();获取select选中的 value:$("#ddlregtype ").val();获取select选中的索引:$("#ddlregtype ").get(0).selectedindex;设置select:设置select 选中的索引：$("#ddlregtype ").get(0).selected

jquery

json

ajax

表单

html

转载 2021-09-04 11:59:20 307 阅读

jQuery获取input表单中的代码（转）

jquery取radio单选按钮的值$("input[name='items']:checked").val();jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items] option[selected]").text(

下拉框

jquery

取值

单选

多选框

转载 2021-09-04 11:59:19 293 阅读

jQuery对DOM的操作详解

一、访问元素l元素属性操作1．获取元素属性语法格式：attr(name)参数name表示元素属性的名称示例代码<scripttype="text/javascript">$(function(){varstralt=$("img").attr("src");stralt+="<br>"+$("img")

html

文本框

javascript

动态创建

jquery

原创 2021-09-04 11:58:45 53 阅读

jQuery学习笔记（二）

l JQuery选择器JQuery选择器用于查找满足条件的元素，比如可以用$(“#控件id”)来根据控件id获得控件的JQuery对象，相当于getElementById;如: $(“#div1”).html(“<font color=”red”>ab</font>cd”);l $(“TagName”)来获取所有指定标签名的JQuery对象。相当于getElementByTagName;$(function(){$(“p”).click(function(){$(“p”).html(“我们都是p”)})})l CSS选择器，同时选择拥有样式的多个元素<style

html

jquery

css

javascript

选择器

原创 2021-09-04 11:58:07 162 阅读

jQuery实现一个简单的选项卡效果

导读：大家写博客的时候有没有注意博客园的标题选项卡的效果是如何实现的？如上图当我们点击文章时会自动切换到文章类型下。其他也是一样的。其实这种选项卡的效果在很多网站中出现。好啦现在我们来用jQuery和css来实现一下。效果图：步骤：一：使用div+css画出基本的界面。二：jQuery实现动态效果。哥们，如果你接触过WPF，这种思想是不是与WPF极其的相似。WPF中XAML语言画界面，C#写后台逻辑。好啦，不解释啦。源码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

html

jquery

ide

css

选项卡

原创 2021-09-04 11:58:06 312 阅读

jQuery实现类似QQ下拉菜单式的效果

导读:画图很蛋疼，所以还是使用css做一个。刚学的写的很纠结。希望大牛不要介意。效果图：全部代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <

css

html

ide

javascript

jquery

原创 2021-09-04 11:58:05 136 阅读

jQuery实现数据删除和图片预览效果

导读:经常在淘宝上选择商品时移到商品上会出现商品大图预览的效果，好吧今天哥们一起来看下这个使用jQuery如何实现。案例需求：1、页面上添加表格，用于显示多项信息。2、如果选中表格中的复选框，点击“删除”则会删除选中项，如果选中“全选”再点击删除则会将表格中的数据全部删除。3、将鼠标移到表格中的小图片中会显示大图，移开则隐藏大图。全部代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi

html

复选框

css

jquery

单击事件

原创 2021-09-04 11:58:04 440 阅读

jQuery知识细节之window.onload与$(document).ready()的区别

window.onload$(document).ready()执行时机必须等待页面中所有内容都加载完毕才会执行页面中所有ＤＯＭ结构绘制完毕就会执行，可能ＤＯＭ元素相关联的东西未加载完毕编写的个数只能编写一个，当编写多个时只会执行最后一个如:window.onload=function(){alert("test1");}window.onload=function(){alert("test2");}只会执行test2可以编写多个并且都会执行$(document).ready(function(){alert("test1");})

加载

jQuery

原创 2021-09-04 11:58:03 166 阅读

jQuery判断元素是否存在

$("#element_id")获取的永远是对象，所以如果想要判断网页中是否存在改元素不能使用如下代码:if($("#element_id")){//dosomething}而是应该根据获取到元素的长度判断if($("#element_id").length>0){//dosomething}或者转换为DOM对象if($("#element_id")[0]){//dosomething}

dom对象

jQuery

原创 2021-09-04 11:58:02 607 阅读

jQuery使用一些表单细节

1、禁用“回车键”，防止用户意外提交 $('#myform').keyup(function(e){ if(e.which==13){ return false; } });2、将表单禁用和开启 //禁用按钮 $('#submit_btn').attr('disabled',true); //开启按钮 $('#submit_btn').removeAttr('disabled'); 说明：使用 .attr('disabled',false) 是不正确的调用方法3、输入内容后启动提交按钮 $('

复选框

表单

高亮显示

回车键

调用方法

原创 2021-09-04 11:42:37 137 阅读

jQuery图片插件自动轮播原理解析

经常看到项目要用到图片轮播效果，一般的操作流程都是先到网上找一个好看的JQuery图片轮播插件，然后看下demo，再配下参数。好了，关机下班回家其余的就交给插件吧。是不是感觉有了jQuery，世界变得那么美好呢。本人最近用的一个插件是jquery.carousel.js，官方网站是：http://...

jQuery

事件

jquery

图片轮播

html

原创 2021-09-04 11:40:20 199 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb61319a0817c90的博客

jQuery学习笔记（一）

jQuery实现一个弹出登陆层的效果

jQuery学习笔记(三)

jQuery获取select选择的文本和值（转）

jQuery获取input表单中的代码（转）

jQuery对DOM的操作详解

jQuery学习笔记（二）

jQuery实现一个简单的选项卡效果

jQuery实现类似QQ下拉菜单式的效果

jQuery实现数据删除和图片预览效果

jQuery知识细节之window.onload与$(document).ready()的区别

jQuery判断元素是否存在

jQuery使用一些表单细节

jQuery图片插件自动轮播原理解析

欢迎