摘要: jQuery——遍历 (1) 祖先: 3个方法: .parent(); //返回被选元素的"直接"父元素 .parents(); //返回被选元素的"所有"祖先元素 ->扩展: 返回被选元素的"所有"祖先元素 且 是<ul>元素 $("#targetLi").parents("ul"); 其他情况以 阅读全文
posted @ 2016-11-10 15:24 我喂自己袋盐_1989 阅读(137) 评论(0) 推荐(0) 编辑
摘要: jQuery——尺寸 6个方法: .width(); //宽度,不包括内边距、边框或外边距 .height();//高度,不包括内边距、边框或外边距 .innerWidth(); //宽度,包括内边距 .innerHight(); //高度,包括内边距 .outerWidth(); //宽度,包括内 阅读全文
posted @ 2016-11-10 14:54 我喂自己袋盐_1989 阅读(86) 评论(0) 推荐(0) 编辑
摘要: jQuery——操作CSS类 4种方式: .addClass(); //向被选元素添加一个或多个类 .removeClass(); //从被选元素删除一个或多个类 .toggleClass(); //对.addClass()和.removeClass()的切换操作 .css(); //设置或返回样式 阅读全文
posted @ 2016-11-10 14:49 我喂自己袋盐_1989 阅读(126) 评论(0) 推荐(0) 编辑
摘要: jQuery——添加和删除元素 4个添加新内容的方法: .append(); //被选元素结尾插入内容 如: $("p").append("Some appended text."); .prepend(); //被选元素开头插入内容 如: $("p").prepend("Some prepend 阅读全文
posted @ 2016-11-10 14:39 我喂自己袋盐_1989 阅读(193) 评论(0) 推荐(0) 编辑
摘要: jQuery——内容和属性 (1) 内容: A. 获取 .text(); //返回所选元素的文本内容 .html(); //返回所选元素的内容(包括HTML标记) .val(); //返回表单字段的值 B. 设置 .text("Hello, world!"); //设置所选元素的文本内容 .html 阅读全文
posted @ 2016-11-10 12:31 我喂自己袋盐_1989 阅读(130) 评论(0) 推荐(0) 编辑
摘要: jQuery——Chaining Chaining其实就是jQuery的方法链接,便于书写: 如: $("#p1").css("color","red").slideUp(2000).slideDown(2000); 运行的时候,也可以换行,不影响逻辑,如: $("#p1").css("color" 阅读全文
posted @ 2016-11-10 11:37 我喂自己袋盐_1989 阅读(227) 评论(0) 推荐(0) 编辑
摘要: jQuery效果——动画 animate方法: 基础语法:$(selector).animate({params},speed,callback); 其中,{params}要定义为如下格式: {left:'250px'} {top:'100px'}之类,综合一起,给出例子: $("#div1").a 阅读全文
posted @ 2016-11-10 11:30 我喂自己袋盐_1989 阅读(171) 评论(0) 推荐(0) 编辑
摘要: jQuery效果——滑动 滑动方法: slideDown();//向下滑动元素 基础语法: $(selector).slideDown(speed,callback); 如: $("#panel1").slideDown(); $("#panel1").slideDown(1000);$("#pan 阅读全文
posted @ 2016-11-10 11:14 我喂自己袋盐_1989 阅读(93) 评论(0) 推荐(0) 编辑
摘要: jQuery效果——淡入淡出 (1) 4种fade: fadeIn(); //淡入已隐藏的元素, 基础语法: $(selector).fadeIn(speed,callback); 如: $("#div1").fadeIn(); $("#div1").fadeIn("slow"); $("#div1 阅读全文
posted @ 2016-11-10 11:07 我喂自己袋盐_1989 阅读(128) 评论(0) 推荐(0) 编辑
摘要: jQuery效果——隐藏和显示 (1) hide()和show() 如: $("#myButton").click(function(){ $(this).hide(); //执行该句,将会隐藏当前元素 $(this).show(); //执行此句,将会显示当前元素 $(this).hide(100 阅读全文
posted @ 2016-11-10 10:58 我喂自己袋盐_1989 阅读(178) 评论(0) 推荐(0) 编辑
摘要: jQuery事件 (1) jQuery事件函数 如:$("#myButton").click(function(){ //Add your logic here... }); $("#myButton").hide(); $("#myButton").show(); (2) 常用例子: <1> 将函 阅读全文
posted @ 2016-11-10 10:39 我喂自己袋盐_1989 阅读(120) 评论(0) 推荐(0) 编辑
摘要: jQuery选择器 (1) 元素选择器: 如:$("p") $("a") $("button") 即表示选取页面所有的<p> <a> <button>元素 (2) #id选择器: 如:$("#myId") 即表示选择了页面上id="myId"的元素 (3) .class选择器: 如:$(".myCl 阅读全文
posted @ 2016-11-10 10:37 我喂自己袋盐_1989 阅读(139) 评论(0) 推荐(0) 编辑