jQuery
11-phpmin
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery节点的增删改查
$(function(){//查找元素节点// var $rr=$("p").text();// alert($rr); //查找属性节点//var $title=$("p").attr("title");//alert($title);//创建节点//var $li=$("西瓜");//$("ul").append($li);//删除节点//$("ul原创 2013-03-28 21:36:11 · 706 阅读 · 0 评论 -
属性过滤选择器
.show{display:block;}.hide{display:none;}/*属性过滤选择器*/$(document).ready(function(){//1,选取拥有此属性的元素$("div[class]").css("color","red");//2,选取属性值为value的元素$("div[class=hide]").sho原创 2013-03-26 20:39:43 · 425 阅读 · 0 评论 -
jQuery选择器分类,总结
jQuery分四类:1基本选择器、2层次选择器、3过滤选择器、4表单选择器(1)基本选择器1.根据id匹配元素2.根据给定的类名匹配元素3.根据给定的元素名匹配元素4.*匹配所有的元素5.集合元素,将每个选择器匹配到的元素合并后一起返回(2)层次选择器1.后代元素选择器2.子元素选择器3.相邻元素(紧接在前一个元素的选择器)4.兄弟元素选择器(3)过原创 2013-03-26 20:22:11 · 534 阅读 · 0 评论 -
7.css选择器
/*标签选择器 通过标签名字找到某个元素*/p{ font-size:30px;}/*id选择器 通过id值找到某个元素*/#para{font-weight:bold;}/*类选择器 通过class属性找到某个元素*/.span{color:red;}/*群组选择器 一些元素的集合*/p,span{background:green;原创 2013-03-26 20:30:44 · 492 阅读 · 0 评论 -
过滤选择器
/*过滤选择器*/$(document).ready(function(){//1,匹配所有div元素中,第一个div$("div:first").click(function(){alert("这是第一个div")});//2,匹配所有div元素中,最后一个div$("div:last").click(function(){alert("这是最后一个div")});//3原创 2013-03-26 20:38:11 · 370 阅读 · 0 评论 -
jquery基本选择器
/*jquery基本选择器*/$(document).ready(function(){//1,根据id匹配元素var $p = $("#para");$p.click(function(){alert("this is paragraph");});//2,根据类名匹配元素var $span = $(".span");$span.css("font-size"原创 2013-03-26 20:35:29 · 489 阅读 · 0 评论 -
jQuery发展历史
是一个javascript库,封装的一些常用的操作:为什么要封装?1,javascript,DOM非常繁琐2,浏览器兼容性:非常令人头疼 封装一些javascript常用的操作,库1,prototype:封装javascript常用的对象和函数(功能强大,而且最早的库),缺点(面向对象把握的不是很好)2,dojo,提供了其他库没有的功能,例如离线存储,SVG绘图,而且他原创 2013-03-26 20:19:23 · 1445 阅读 · 2 评论 -
内容过滤选择器
.show{display:block;}.hide{display:none;}/*内容过滤选择器*/$(document).ready(function(){//1,选取含有文本内容为标签的元素$("span:contains('标签')").css("background","pink");//2,匹配含有p元素的元素$("div:ha原创 2013-03-26 20:38:54 · 444 阅读 · 0 评论 -
层次选择器
/*层次选择器*/$(document).ready(function(){//1,后代元素选择器//css()方法设置多种样式({})$("#div1 ul li").css({"color":"blue","fontSize":"35px"});//2,子元素选择器(只包括儿子元素)$("#div2 > span").css("background","green");原创 2013-03-26 20:36:30 · 607 阅读 · 0 评论 -
jquery实现批量绑定元素
$(document).ready(function(){//第一步,找到所有的p元素,jquery中的事件名称没有on$("p").click(function(){alert('hello')});});这是第一个p这是第二个p这是第三个p这是第四个p这是第五个p这是第六个p原创 2013-03-26 20:29:46 · 576 阅读 · 0 评论 -
使用jQuery实现隔行换色,批量绑定事件
第一行第一行第二行第二行第三行第三行第四行第四行第五行第五行第六行第六行$(document).ready($("#para tr:ever").css("background","pink"););原创 2013-03-26 20:28:32 · 507 阅读 · 0 评论 -
jQuery对象和DOM对象相互转化
这是一个p元素//将jQuery转化成DOM$(document).ready(var $p=("#para");var p=$p[0];//var p=$p.get(0);p.innerHTML="hello";//将DOM转换成jQueryvar p=document.getElementById("para");var $p=$(p);$p.css原创 2013-03-26 20:21:31 · 424 阅读 · 0 评论 -
jQuery可见性过滤选择器
.a{display:block;}.b{display:none;}.c{display:none;}.d{display:none;}$(document).ready(function(){$("span:contains('标签')").css("background","orange");$("div:has(p)").cs原创 2013-03-28 21:41:11 · 407 阅读 · 0 评论 -
写一个程序统计被选中的复选框个数
$(function(){//var $check=$("input:checked").length;//alert($check);alert($("input[name=check]:checked").length)});原创 2013-03-28 21:35:15 · 678 阅读 · 0 评论 -
jQuery事件
*{margin:0;padding:0}body{font-size:15px;}#container{margin:60px;line-height:2em;width:300px;border:1px solid #ccc;}.head{background:silver;padding:5px;cursor:pointer}.content{text-indent:15px原创 2013-03-28 21:38:03 · 410 阅读 · 0 评论 -
jQuery属性操作
$(function(){//获取和设置属性,如有一个参数就获取其值,如有两个参数就设置这个属性// var $p=$("p").attr("title");// alert($p);//删除属性 $p=$("p").removeAttr("title");});你最喜欢的蔬菜最最最喜欢的蔬菜3、jQuery样式操作.high原创 2013-03-28 21:36:35 · 437 阅读 · 0 评论 -
jquery复习
复习一下CSS选择器标签选择器 td{} li{}Id选择器 #id{}类选择器 .class{}群组选择器 td,p,div{}后代选择器 div p{} 通配选择器 *{} jQuery分四类:1基本选择器、2层次选择器、3过滤选择器、4表单选择器(1)基本选择器1.根据id匹配元素2.根据给定的类名匹配元素3.根据给定的原创 2013-04-23 21:32:09 · 513 阅读 · 0 评论
分享