摘要: jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。jQu 阅读全文
posted @ 2020-11-22 19:26 陈小伙子 阅读(304) 评论(0) 推荐(0) 编辑
摘要: //bind 为每个匹配节点绑定事件处理函数,绑定多个用。 $("p").bind("click", function(){ alert( $(this).text() ); }); $('#div1').bind({ "mouseover":function () { $('#div1').par 阅读全文
posted @ 2020-11-21 21:04 陈小伙子 阅读(118) 评论(0) 推荐(0) 编辑
摘要: DOM内部插入 $("p").append("hello"); //每个p节点内后面追加内容 $("p").appendTo("div"); //p节点追加到div内后 $("p").prepend("Hello"); //每个p节点内前面追加内容 $("p").prependTo("div"); 阅读全文
posted @ 2020-11-21 21:02 陈小伙子 阅读(102) 评论(0) 推荐(0) 编辑
摘要: $("p").eq(0) //当前操作中第N个jQuery对象,类似索引 $('li').first() //第一个节点 $('li').last() //最后一个节点 $(this).hasClass("node") //节点是否含有某个特定的类,返回布尔值 $('li').has('ul') / 阅读全文
posted @ 2020-11-21 21:00 陈小伙子 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 基本 show([s,[e],[fn]]) hide([s,[e],[fn]]) toggle([s],[e],[fn]) 滑动 slideDown([s],[e],[fn]) slideUp([s,[e],[fn]]) slideToggle([s],[e],[fn]) 淡入淡出 fadeIn([ 阅读全文
posted @ 2020-11-20 20:41 陈小伙子 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 属性 attr(name|pro|key,val|fn) removeAttr(name) prop(n|p|k,v|f) removeProp(name) CSS 类 addClass(class|fn) removeClass([class|fn]) toggleClass(class|fn[, 阅读全文
posted @ 2020-11-20 20:40 陈小伙子 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 内部插入 append(content|fn) appendTo(content) prepend(content|fn) prependTo(content) 外部插入 after(content|fn) before(content|fn) insertAfter(content) insert 阅读全文
posted @ 2020-11-20 20:39 陈小伙子 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 事件处理 on(eve,[sel],[data],fn)1.7+ off(eve,[sel],[fn])1.7+ one(type,[data],fn) trigger(type,[data]) triggerHandler(type, [data]) 事件切换 hover([over,]out) 阅读全文
posted @ 2020-11-20 07:50 陈小伙子 阅读(61) 评论(0) 推荐(0) 编辑
摘要: jQuery([selector,[context]]) 接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery(html,[ownerDocument]) 根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、 阅读全文
posted @ 2020-11-20 07:49 陈小伙子 阅读(81) 评论(0) 推荐(0) 编辑
摘要: css操作: 作用:操作元素的样式及style属性 例: 1.1 操作单个属性: $('选择器').css("属性名","属性值") 1.2 操作多个属性,参数设置为对象,在对象中添加要操作的属性: $("选择器").css({ "属性名1":"属性值" "属性名2":"属性值" "属性名3":"属 阅读全文
posted @ 2020-11-20 07:48 陈小伙子 阅读(82) 评论(0) 推荐(0) 编辑