jquary
wangxiaohui6687
这个作者很懒,什么都没留下…
展开
-
我的第一个jq效果
无标题文档 $(function(){ //alert($("ol li").length); $("ol li").each(function(){//ol中的每一个li $(this).mouseover(function(){原创 2012-05-31 23:23:29 · 915 阅读 · 0 评论 -
jquary---------鼠标放上展开,鼠标移开隐藏(mouseover mouseout)
无标题文档body{font-size:12px;}#father{width:400px;}.son1{background:#0C9;border:1px solid #036;height:40px;cursor: pointer;line-height:40px;font-size:14px;font-weight:bold;}.son2{border:1px soli原创 2012-07-09 17:41:52 · 1671 阅读 · 0 评论 -
动画方法(animate)----------toggle() slideToggle() fadeTo()
原创 2012-07-10 14:09:21 · 726 阅读 · 0 评论 -
jquary-------选项卡效果
无标题文档*{margin:0;padding:0;}body{font-size:12px;}#father{width:300px;margin:50px auto;}li{list-style:none;height:30px;float:left;width:50px;border:1px solid #000;margin-left:10px;line-height:原创 2012-07-11 15:45:04 · 1290 阅读 · 0 评论 -
jquary--------外部插入节点
无标题文档$(function(){ var $btn=$("button");//首先选出按钮 $btn.click(function(){//给按钮加一个时间,并绑定一个函数 //$("li").after("加在每个li后面 //$("li").before("加在每个li前面")--------bef原创 2012-06-20 22:55:12 · 406 阅读 · 0 评论 -
if else 语句
原创 2012-07-10 10:06:22 · 334 阅读 · 0 评论 -
alert弹出的内容
alert($("ul").html());//alert括号中不加“”是指==弹出的内容为ul中的内容 alert("$('ul').html()");//alert如果加上""==弹出的内同就是分号里面的内容原创 2012-11-05 17:25:06 · 774 阅读 · 2 评论 -
Jquery中dom对象取值的3种方式:val()、html()、text()
.css('border','none').css('borderBottom','solid 1px navy').css({'width':'30px'});以上三行代码都是针对之前的jQuery对象设置CSS样式,如果一次需要设置多个CSS值,可用另一种形式,如: .css({'border':'none','borderBottom':'solid原创 2012-11-10 22:43:16 · 2505 阅读 · 0 评论 -
jQuery-强大的jQuery选择器 (详解)[转]
http://www.blogjava.net/ywj-316/archive/2010/01/21/310340.html转载 2012-11-25 20:10:12 · 277 阅读 · 0 评论 -
:first和:first-child的区别
:first只匹配一个元素只会选择第一个li(john)HTML 代码: John Karl Brandon Glen Tane RalphjQuery 代码:$("ul li:first")结果:[ John:first-child将为每个父元素匹配一个子元素在每个 ul 中查找第一个 liHTML 代码:原创 2012-11-26 23:10:10 · 1424 阅读 · 0 评论 -
jquary---创建节点和插入节点
无标题文档$(function(){ var $btn=$("button");//首先选出按钮 $btn.click(function(){//给按钮加一个时间,并绑定一个函数 //alert($("#box").html()); //$("#box").html("这是一个box盒子");原创 2012-06-20 22:34:03 · 822 阅读 · 0 评论 -
jquary 效果之——导航菜单竖向展开
分析:1、首先写出主导航2、在每个li里放一个分的导航3、通过.find(“”)找出要执行的对象代码如下:无标题文档body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,di原创 2012-11-29 14:22:03 · 682 阅读 · 0 评论 -
jquary-------------层次选择器
第一个选择器:(后代选择器:控制的是子子孙孙)第二个选择器:只控制儿子级别的l紧接相邻选择器prev + next可以使用next()方法替代l后面相邻兄弟选择器prev ~siblings可以使用nextAll()方法替代l选择前后相邻兄弟可以使用siblings()方法无标题文档#two{w原创 2012-06-10 22:55:29 · 522 阅读 · 0 评论 -
jquary中两个css的写法
$("div:hidden").css({"background":"red","display":"block"})({" ":" " , " ":" "})原创 2012-11-22 22:48:51 · 784 阅读 · 0 评论 -
25个学习jQuery UI的教程资源
http://blog.enqoo.com/blog/2012/08/23/25-tutorials-and-resources-for-learning-jquery-ui/转载 2012-11-23 17:52:10 · 394 阅读 · 0 评论 -
jQuery选择器总结
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass")转载 2012-11-25 21:29:45 · 300 阅读 · 0 评论 -
slideUp()和slideDown-------------动画上下收缩的效果
效果如下:代码如下:无标题文档body{font-size:12px;}#father{width:400px;}.son1{background:#0C9;border:1px solid #036;height:40px;cursor: pointer;line-height:40px;font-size:14px;font-we原创 2012-07-10 11:44:44 · 819 阅读 · 0 评论 -
有了placeholder.js,写文本框占位符太简单了
/*这是低端浏览器下placeholder的字体颜色*/placeholder{ color: #bfbfbf;}/*这是firefox下placeholder的字体颜色*/::-moz-placeholder { color: #bfbfbf;}/*这是webkit下placeholder的字体颜色*/::-webkit-input-placeho转载 2014-05-05 17:41:23 · 4848 阅读 · 1 评论 -
fadeIn()和fadeOut-----------------改变透明度
原创 2012-07-10 11:42:50 · 747 阅读 · 0 评论 -
鼠标放在框里时 默认的字消失
无标题文档 $(function(){ //登陆框 $("#address").focus(function(){ var text_val=$(this).val(); if( text_val=="请输入邮箱地址"原创 2012-07-09 14:20:52 · 462 阅读 · 0 评论 -
jq中鼠标放上高亮显示
效果图:无标题文档 .hover{background:#F00;} $(function(){ $("td").hover( function(){ $(this).addClass("hover"); },原创 2012-06-04 23:12:48 · 1495 阅读 · 0 评论 -
jquary选择器
1.$("#id") : id选择器,document.getElementById("id");2.$("div") :元素选择器document.getElementsByTagName("div");3.$(".myClass") :类选择器,返回所有class="myClass"的元素4.$("*") : 改变所有元素,多用于结合上下文搜索5.$("div,span,p.m原创 2012-06-09 22:25:33 · 372 阅读 · 0 评论 -
隐藏显示的元素---------hide
$(function(){ $('#two').click(function(){ $('#two').hide("slow","linear"); }) (鼠标点击时:id为two的对象,会慢慢隐藏(hide([speed,[easing],[fn]]))) })原创 2012-06-10 21:53:46 · 355 阅读 · 0 评论 -
偶数行有颜色,奇数行有颜色(even odd)
索引值是:0——6 $(function(){ $("tr:even").css("background-color","yellow"); }) 奇数行有颜色: $(function(){ $("tr:odd").css("backgrou原创 2012-06-10 23:24:55 · 4863 阅读 · 0 评论 -
jquary过滤选择器
$(function(){ //$("tr:first").css("background-color","yellow");改变第一个tr元素的背景色 //$("tr:last").css("background-color","yellow");改变最后一个元素的背景色 //$("tr:not(#one)").css("background原创 2012-06-11 22:06:14 · 558 阅读 · 0 评论 -
jquary内容过滤选择器 可见性过滤器
无标题文档#two{width:100px;height:100px;border:1px solid #000;background:blue;}div{width:200px;height:100px;border:1px solid #000;} $(function(){ //$("div:contains('div')").css("原创 2012-06-11 22:31:02 · 424 阅读 · 0 评论 -
jquary属性过滤选择器
无标题文档#two{width:100px;height:100px;border:1px solid #000;}div{width:200px;height:100px;border:1px solid #000;} $(function(){ //$("div[id]").css("background","red");-----原创 2012-06-13 22:44:26 · 366 阅读 · 0 评论 -
jquary 子元素过滤选择器
无标题文档#two{width:100px;height:100px;border:1px solid #000;}div{width:200px;height:100px;border:1px solid #000;} $(function(){ //$("ul li:nth-child(1)").css("background","yell原创 2012-06-13 23:05:08 · 749 阅读 · 0 评论 -
jquary 选择器复习
jquery重点复习---选择器1、选择器作用?---选择jquery要操作的对象基本#id $("#box")element $("li").class $(".blue")* $("#box *")selector1,selector2,selectorN $("#box *,li,.blue")层级 ---根原创 2012-06-14 22:30:18 · 427 阅读 · 0 评论 -
:first和:first-child的区别
无标题文档 $(function(){ //$("ul li:first").css("background","red")----只会选取第一个ul的li,改变元素的样式 //$("ul li:first-child").css("background","red")---------每个ul父元素匹配一li个子元素,并改变样式原创 2012-06-14 22:40:47 · 435 阅读 · 0 评论 -
jquary 克隆节点和替换节点
无标题文档$(function(){ var $btn=$("button");//首先选出按钮 $btn.click(function(){//给按钮加一个时间,并绑定一个函数 //$("li:eq(0)").clone().prependTo("ul");------在ul前面克隆第一个li //$("li:eq(0)"原创 2012-07-04 23:11:18 · 704 阅读 · 0 评论 -
获取样式-----------追加样式----------移除样式
无标题文档p{margin:0;padding:0;}body{font-size:12px;}.myclass{font-weight:bold;} .add{text-decoration:underline;color:#F00;} $(function(){ //更改样式 //$("p").attr原创 2012-07-09 10:15:31 · 449 阅读 · 0 评论 -
toggle切换样式 相当于if else 语句
切换显示/隐藏jQuery 代码:$(“标记”).toggle();无标题文档p{margin:0;padding:0;}body{font-size:12px;}.myclass{font-weight:bold;} $(function(){ var $Btn1=$("b原创 2012-07-09 11:56:14 · 649 阅读 · 0 评论 -
获取html 文本 值
无标题文档p{margin:0;padding:0;}body{font-size:12px;}.myclass{font-weight:bold;} $(function(){ var $Btn1=$("button") $Btn1.click(function(){ //获取p标记中的html元素原创 2012-07-09 13:52:35 · 1619 阅读 · 0 评论 -
jQuery 中的toggle和slideToggle
jQuery中的 toggle和slideToggle 方法,都可以实现对一个元素的显示和隐藏。区别是:toggle:动态效果为从右至左。横向动作。slideToggle:动态效果从下至上。竖向动作。so,比如想实现一个树由下至上收缩的动态效果,就使用slideToggle就ok了。此外,toggle和slideToggle 还有一些参数可以设置,具体看jQuery的API就可原创 2012-07-09 15:51:21 · 575 阅读 · 0 评论 -
jquary中事件绑定
无标题文档 $(function(){ //给p标记绑定一个点击事件:鼠标点击标记时,会弹出标记内文本的对话框 /* $("p").bind("click", function(){ alert( $(this).text() ); });原创 2012-07-09 16:21:57 · 461 阅读 · 0 评论 -
jquary绑定事件------------展开关闭
无标题文档body{font-size:12px;}#father{width:400px;}.son1{background:#0C9;border:1px solid #036;height:40px;cursor: pointer;line-height:40px;font-size:14px;font-weight:bold;}.son2{border:1px soli原创 2012-07-09 17:26:12 · 586 阅读 · 0 评论 -
jQuery实现返回顶部功能
整理两个实现功能,一个是右下角的返回顶部,一个是右侧的返回顶部,分别如图 第一种实现一、JSP或HTML(主体结构)在body中添加[html] view plaincopybody id="top"> p id="back-to-top">a href="#top">span转载 2014-05-14 16:46:54 · 574 阅读 · 1 评论