![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
jackson_fighting
java 任重道远
展开
-
Jquery系列-ready 与 onload 的区别
ready 与 onload 的区别/**ready 与 onload 的区别1:注册次数不一样 ready可以注册多次,onload只执行最后一次2:onload是所有的dom创建完毕、图片、Css等创建完毕之后才出发,而ready是DOM元素创建完毕后被触发,这样可以提高网页相应速度**/$(document).ready(function(){//function() 匿名函数alert('原创 2013-10-28 23:53:17 · 801 阅读 · 0 评论 -
Jquery系列-Jquery事件
无标题页 .waiting{color:gray}; $(function(){ $("#p0").mouseenter(function(){ $(this).text("来了"); }); $("#p0").mouseleave(function(){ $(this).text("走了"); }); $("#p1").hover( fu原创 2013-10-29 00:29:43 · 720 阅读 · 0 评论 -
Jquery系列-Jquery坐标的使用
无标题页 .waiting{color:gray}; $(function(){ $(document).mousemove(function(e){ $('#fly').css("left",e.pageX).css("top",e.pageY); }); }); 123原创 2013-10-29 00:35:24 · 657 阅读 · 0 评论 -
Jquery系列-JqueryAPI
任何一门开发技术,API都是必不可少的。jqueryAP介绍了ajax,css,事件,属性等的用法jqueryAPI下载原创 2013-10-29 10:46:23 · 733 阅读 · 0 评论 -
Jquery系列-Jquery选择器
无标题页//选择器 $(function(){ $('p').click(function(){//隐式迭代,给所有的记录添加click事件 alert('lalala'); }); $('.warning').click(function(){//css样式选择器 alert('警告信息'); }); $(p,div,span,.menuitem).c原创 2013-10-29 00:01:21 · 692 阅读 · 0 评论 -
Jquery系列-初识Jquery
Jquery官网(www.jquery.com)是这么介绍Jquery的jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax原创 2013-10-28 23:51:13 · 967 阅读 · 0 评论 -
Jquery系列-Jquery过滤器
无标题页//基本过滤器 $(function(){ //:first 选择第一个元素 //:last :not(不满足选择器的元素) //$("div:first") //:even :odd 选择索引是奇数还是偶数 //:eq :gt :lt 选取索引 等于、大于、小于的元素 //:header 选择所有 h1...h6的元素 //:animated 选择正在原创 2013-10-29 00:09:03 · 762 阅读 · 0 评论 -
Jquery系列-Jquery搜索框
无标题页 .waiting{color:gray}; $(function(){ $('#txt_input').val('请输入关键字').addClass("waiting") .blur(function(){ if($(this).val() ==''){ $('#txt_input').val('请输入关键字') } }) .focus(f原创 2013-10-29 00:27:26 · 1067 阅读 · 0 评论 -
Jquery系列-Jquery事件2 this与e.target
无标题页 .waiting{color:gray}; $(function(){ $('#tr1').click(function(e){ alert('下面是tr的'); //this 是随不同的当前监听元素变动的 alert($(this).html()); //最原始触发事件的元素 alert($(e.target).html());原创 2013-10-29 00:31:32 · 1643 阅读 · 0 评论 -
Jquery系列-Jquery操作样式
无标题页 $(function(){ $('#btnAdd').click(function(){ //add class 会进行重复性判断,已经添加过的样式不再添加 $('.class1').addClass("class2"); }); $('#btn_remove').click(function(){ $('.class1').remo原创 2013-10-29 00:23:40 · 838 阅读 · 0 评论 -
Jquery系列-Jquery属性过滤器
无标题页//属性过滤器 $(function(){ //选取有ID属性的div $('div[id]') //获取属性title属性为test $('div[title=test]') // $('div[title!=test]') //其他 选择开头 结束 包含等,条件还可以复合 //表单对象选择器 //选择id为form1的表单内所有的启用元原创 2013-10-29 00:11:16 · 767 阅读 · 0 评论 -
Jquery系列-常用内置函数
无标题页//$.map(arr,fun) 对数组中的每个元素调用fun函数进行处理,并返回处理后的新的数组 $(function(){//ready的简写 var array=[3,5,7]; var array2=$.map(array,function(item){ return item * 2; }) alert(array2); alert(typeo原创 2013-10-28 23:57:40 · 867 阅读 · 0 评论 -
Jquery系列-Jquery对象
无标题页 $(function(){ //dom对象想要通过jq进行操作,先要转换为Jq对象 //document.getElementById("div1").innerHTML(); alert($('#div1').html()); var div1 = document.getElementById("div1"); //$(div1) 将dom对象转换成jq对原创 2013-10-28 23:59:43 · 688 阅读 · 0 评论 -
Jquery系列-Jquery each的使用
无标题页 //each $(function(){ $('input[name=names]').click(function(){ var arr = new Array(); $('input[name=names]:checked').each(function(key,value){ arr[key]= $(value).val(); }); $原创 2013-10-29 00:13:45 · 776 阅读 · 0 评论 -
Jquery系列-Jquery表单选择器
无标题页 //表单选择器 $(function(){ //取得所有的input $(":input") $(":text") $(":password") });原创 2013-10-29 00:15:07 · 626 阅读 · 0 评论 -
Jquery系列-Jquery动态创建dom、attr的使用
无标题页 //动态创建dom $(function(){ var link = "百度" $('div').click(function(){ $('div:first').append(link); }); //$('a:first').attr("href","http://www.123.com"); //removeAttr 删除属性 }); va原创 2013-10-29 00:17:15 · 1055 阅读 · 0 评论 -
Jquery系列-Jquery操作radio和checkbox
无标题页 .waiting{color:gray}; $(function(){ $('#getValue').click(function(){ //获取选中 alert($(':radio[name=gender]:checked').val()); }); $('#setValue').click(function(){ //设置值原创 2013-10-29 00:28:48 · 831 阅读 · 0 评论 -
Jquery系列-Jquery链式编程
无标题页//链式编程 $(function(){ $('div').click(function(){ $(this).css("background","red").siblings("div").css("background","white"); }); }); 警告1!警告2!P1P2警告3!警告4!原创 2013-10-29 00:03:12 · 924 阅读 · 0 评论 -
Jquery系列-Jquery模拟星级评分
无标题页//节点遍历 $(function(){ $('#rating td').html('☆'); // $('#rating td').mouseover(function(){ $('#rating td').html('★'); $(this).nextAll().html('☆'); }); }); 可以把原创 2013-10-29 00:07:29 · 730 阅读 · 0 评论 -
Jquery系列-Jquery-cookie的使用
无标题页 $(function(){ //cookie保存的是键值对 不支持chrome,在同域名的另外一个页面也可以读取到 alert($.cookie('用户名')); /** expires 要求cookie保存的时间day 如何不设置 浏览器关闭则清楚了cookie path 设置可以访问的网站的路径 domain 保存的域名,在此域名下原创 2013-10-29 00:32:19 · 657 阅读 · 0 评论