![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Jquery
静山晚风
珍惜眼前的人,当你不满足现状,总想找更好的,以为为自己的目标而奋斗,实际上你错过了眼前人,当十年过去了,你得到了你想要的,但你最最珍爱的已经不再了,包括任何的人和事,亲人,朋友同学,同事,家人。可能还不知,那时的你才是自己的最巅峰。重拾CSDN,我回来了
展开
-
Jquery常见过滤器
1 对应css的类,标签,id,全局,群组选择器 $(“.casss”),$(“input”),$(“#mmycss”),$(“*”),群组选择器要以逗号隔开$(“a,.css,input”)2 层级选择器 $(“parent>child”) 例如: $(“form> input”) form组件下的所有input 的的标签3 表单域选择器 $(“:text”); --à原创 2013-07-08 10:21:14 · 962 阅读 · 0 评论 -
Jquery基础_弹出对话框_js的onload_jq的多次加载_Js和JQ对象转换_实例(一)
1 最简单的例子先引入js,文件为上一目录的 scripts目录下的js文件 //等待dom元素加载完毕. $(document).ready(function(){ alert("Hello World!"); }); 2 Js的onload ,两次只加载一次 function t(){ alert("test1") }原创 2013-07-18 15:09:11 · 1299 阅读 · 0 评论 -
Jquery基础_点击按钮使div背景变色_根据class_根据标签_所有都变色_一直动画_实例(二)
1 点击id为btn1的按钮,则id为one的div的样式 背景变为 特殊的绿色 $('#btn1').click(function(){ $('#one').css("background","#bfa"); });2 使得id为btn2的按钮点击,则类为mini的div 背景色全变为特殊绿色 //选择 class 为 mini 的所有元素 $('原创 2013-07-18 15:29:58 · 3517 阅读 · 0 评论 -
Jquery选项卡实例
1 css用好了很强大的,没有这个这个实例无法演示: 实现了选项卡的功能,很好用 *{ margin:0; padding:0;} body { font:12px/19px Arial, Helvetica, sans-serif; color:#666;} .tab { width:240px;margin:50px;} .tab_menu { clear:both;} .tab_原创 2013-07-19 09:50:20 · 952 阅读 · 0 评论 -
Jquery实现多层元素点击结果叠加效果_获取标签内容_叠加实例
1 原理,分别定义不同层标签,使用+连接号 累加获取内容代码如下4-4-1*{margin:0;padding:0;} body { font-size: 13px; line-height: 130%; padding: 60px; }#content { width: 220px; border: 1px solid #0050D0;background: #96E55原创 2013-07-19 09:33:58 · 2888 阅读 · 0 评论 -
Jquery之让超链接慢慢消失_hide方法_toggle方法
1$(this).hide("slow");2 hello world $(document).ready(function(){$("a").click(function(){ $(this).hide("slow"); return false;}); }); Effects Module(效果模块)原创 2013-09-05 22:29:43 · 1579 阅读 · 0 评论 -
Jquery之hover用法_让li 掠过时背景变色
1StripingTable $(document).ready(function() {$("#orderedlist tbody tr").hover(function() { // $("#orderedlist li:last").hover(function() { $(this).addClass("blue"); }, function() { $(原创 2013-09-05 22:30:53 · 1741 阅读 · 0 评论 -
Jquery之使用过滤和遍历
1StripingTable $(document).ready(function() {// $("ul").find("li").each(function(i) { $("#orderedlist").find("li").each(function(i) {// 和$("#orderedlist li")一样效果 $(this).html( $(th原创 2013-09-05 22:34:50 · 1244 阅读 · 0 评论 -
Jquery之使用parents实例
1 parents的用法 $(document).ready(function() { $("a").hover(function() { $(this).parents("p").addClass("highlight"); }, function() { $(this).parents("p").removeClass("highlight"); })原创 2013-09-05 22:36:03 · 982 阅读 · 0 评论 -
Jquery之end()方法
1 // alert($("#css").find("#rain").html()); //输出: 测试 alert($("#css").find("#rain").end().html()); //输出: 测试2 hello world $(document).ready(function(){$("input").click(原创 2013-09-05 22:44:06 · 863 阅读 · 0 评论 -
Jquery之较动态的导航
1OL标签为有序列表2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> OL Demo $(document).ready(function(){ $("li.item原创 2013-09-05 22:49:39 · 818 阅读 · 0 评论 -
让3个div并排的经典实例
1 让3个div并排的经典实例.clear{clear:both;}无标题文档<div style="border-left-color:black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style:原创 2013-07-25 20:56:13 · 2615 阅读 · 0 评论 -
Jquery 使div永久居中_屏幕改变大小仍然居中实例
1 新的布局 $(function() { var w = 400; var h = 50; $("#top").css("border","solid black 1px"); $("#top").css("color","red"); $("#top").css("position","absolute"); $("#top").css("width",w原创 2013-09-26 10:50:20 · 1765 阅读 · 0 评论 -
实现屏幕变化 div自动变化而且不换行的功能
1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here $(function() { var w = 700; var h = 20; $("#top").css("border","solid b原创 2013-09-26 15:57:35 · 1489 阅读 · 0 评论 -
jquery 之div 导入文本数据load 数据方法
1 $('#myDiv').load('myfolder/myfile.txt');演示效果:2 get方法$.get('example/myDoc.txt', function(data) { alert(data);});原创 2013-12-10 10:53:35 · 1105 阅读 · 0 评论 -
jquery 之隐藏展开slide用法
HTML Code id="slideMe"> This content will appear and disappear when the div is slid in and out.type="button"id="btnSlideUp"value="SlideUp">type="button"id="原创 2013-12-10 10:57:20 · 1446 阅读 · 0 评论 -
get方法
1 $.get('example/myDoc.txt', function(data) { alert(data); }); 2原创 2013-12-10 10:54:35 · 673 阅读 · 0 评论 -
jquery之动画之div层移动animate:
1 Watch me be animated! CSS Code div#animateMe { left: 0; top: 0; position: relative; width: 300px;原创 2013-12-10 10:58:43 · 1544 阅读 · 0 评论 -
jquery之hover鼠标在div上实例:
HTML Code id="hoverDiv"> hover over me!原创 2013-12-10 11:01:49 · 2109 阅读 · 0 评论 -
jquery之xmlData读取方法
1 $("#tablebtn").click(function() { $.get('data.xml', function(data) { $('div#tableWrapper').append(''); $(document).ready(function() { $(data).children('tableda原创 2013-12-10 10:56:10 · 926 阅读 · 0 评论 -
easyui 右键菜单实例
1 Menu Events - jQuery EasyUI Demo Menu Events Right click on page to display menu and click an item. New Save Print Exit function menuHandler(item){转载 2013-12-03 17:04:37 · 1905 阅读 · 0 评论 -
easyui----tooltip---提示框
Basic Tooltip - jQuery EasyUI Demo Basic Tooltip Hover the links to display tooltip message. The tooltip can use each elements title attribute. Hover me to display tooltip.原创 2013-12-03 19:56:04 · 2498 阅读 · 0 评论 -
easyui-------表格
Basic Form - jQuery EasyUI DemoBasic FormFill the form and submit it. Name: Email: Subject:原创 2013-12-03 20:04:39 · 865 阅读 · 0 评论 -
jquery之div的text() 方法,无参返回值,有参设置值
1HTML Code id="clickMe"> Click here and watch the text change!原创 2013-12-10 11:00:49 · 1581 阅读 · 0 评论 -
jquery的 children(’idv’),parent(div)用法
1divid="parentNode"class="treeNode"> Parentnode's text. id="mainNode"class="treeNode"> Thetarget node id="childNode"class="treeNode">原创 2013-12-10 12:58:34 · 1380 阅读 · 0 评论 -
jquery之each循环遍历的方法---split 分割字符串返回数组
1 $("#loop").click(function(){ var arr1 = [ "aaa", "bbb", "ccc" ]; $.each(arr1, function(i,val){ alert(i); alert(val); }); });转载 2013-12-11 20:59:43 · 12936 阅读 · 0 评论 -
js数组转字符串,字符串转数组
一、数组转字符串(将数组元素用某个字符连接成字符串)var a, b;a = new Array(0,1,2,3,4);b = a.join("-");二、字符串转数组(将字符串按某个字符切割成若干个字符串,并以数组形式返回)var s = "abc,abcd,aaa";ss = s.split(",");// 在每个逗号(,)处进行分解。转载 2013-12-05 12:37:45 · 1032 阅读 · 0 评论 -
easyui 产生一个好看的btn的方法
Ok转载 2013-12-03 17:16:20 · 1765 阅读 · 0 评论 -
easyui--之总和使用方法--对话框dialog--工具栏toolbar-按钮button--tabs忒博页--树tree--表格table
1<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here Accordion for jQuery Accordion The accordion原创 2013-12-05 22:15:37 · 2380 阅读 · 0 评论 -
easyui可拖拽div dragable
Title原创 2013-12-05 22:18:47 · 1682 阅读 · 0 评论 -
esayui---menubutton菜单按钮
1HomeEditUndoRedoCutCopyPasteToolbarAddressDeleteSelect All2原创 2013-12-06 09:31:45 · 1222 阅读 · 0 评论 -
easyui--可以改变大小的div-resiable
1 Resize Me 2原创 2013-12-06 10:13:44 · 2081 阅读 · 0 评论 -
easyui-numberbox--只能验证数字
1 <input class="easyui-numberbox" required data-options=" onChange: function(value){ $('#vv').text(value); }"> Value: 2原创 2013-12-06 09:45:55 · 4530 阅读 · 0 评论 -
easyui--之滚动条和自动显示提示框
1 Slide Progress function slide(){ $.messager.show({ title:'My Title', msg:'Message will be closed after 5 seconds.', timeout:5000, showType:'slide' }); } funct原创 2013-12-06 09:48:23 · 1980 阅读 · 0 评论 -
easyui---分页栏pagination---间隔栏
原创 2013-12-06 09:50:27 · 1100 阅读 · 0 评论 -
实现分页pagration的方法jquery(个人感觉用到了easyui貌似)
1simplePagehtml,body{ margin:0 auto; text-align:center; }.main{ font:12px/24px "Microsoft YaHei"; height:1000px; }#page{ margin:100px auto; width:960px; text-align:center; }#page a{ text-de转载 2013-12-16 12:53:45 · 720 阅读 · 0 评论 -
jQuery 遍历 - 后代children() find()(二十三)
后代是子、孙、曾孙等等。通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。向下遍历 DOM 树下面是两个用于向下遍历 DOM 树的 jQuery 方法:children()find()jQuery children() 方法children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树转载 2013-12-31 10:11:04 · 1129 阅读 · 0 评论 -
jQuery - css() 方法(二十)
jQuery css() 方法css() 方法设置或返回被选元素的一个或多个样式属性。返回 CSS 属性如需返回指定的 CSS 属性的值,请使用如下语法:css("propertyname");下面的例子将返回首个匹配元素的 background-color 值:实例$("p").css("background-color");亲自试一试转载 2013-12-31 10:18:48 · 605 阅读 · 0 评论 -
Query - AJAX load() 方法(二十七)
jQuery load() 方法jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。转载 2013-12-31 10:05:58 · 814 阅读 · 0 评论 -
jQuery 遍历 - 同层方法siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil()(二十四)
同胞拥有相同的父元素。通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。在 DOM 树中水平遍历有许多有用的方法让我们在 DOM 树进行水平遍历:siblings()next()nextAll()nextUntil()prev()prevAll()prevUntil()jQuery siblings() 方法sibling转载 2013-12-31 10:09:31 · 5185 阅读 · 0 评论