JQuery
关注
分享
扫一扫
JQuery专栏介绍
MichstaBe-IMUT
一条菜狗罢了
展开
-
JQuery 属性操作
属性操作 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 <a> 元素里面的 href ，比如 <input> 元素里面的 type。 获取属性语法 prop(''属性'') 设置属性语法 prop(''属性'', ''属性值'') <body> <a href="http://www.itcast.cn" title="都挺好">都挺好</a> <input type="原创 2021-03-23 15:59:04 · 138 阅读 · 0 评论 -
JQuery 事件
事件绑定 bind bind(“事件类型”:“事件处理函数”): 第一个参数是事件名字 click mouseover mouseout 第二个参数是事件处理函数 function delegate 父级元素.delegete(“子级元素”,“事件类型”,“事件处理函数”) 参数： 1.要绑定的事件-----p 2.要绑定的事件名字----click mouseover 3.绑定事件的处理函数----function on 父级元素.on 两个参数 1.事件名字 2.事件处理函数 三个参数 1.事原创 2020-09-15 21:12:07 · 243 阅读 · 0 评论 -
JQuery 元素操作
动态创建元素 DOM中创建元素 1.document.write(“标签代码”); 缺点： 页面加载完以后创建元素，把页面中原有的内容全部覆盖掉 2.innerHTML 3.document.createElement(“标签名字”); JQuery中创建元素 1.$(“标签代码”); 2.对象.html(“标签的代码”) 设置内容后，原内容会消失。 追加元素 1.append方法在元素末尾追加元素（最后一个子节点）。增加元素末尾（儿子） 2.appendTo 主动加入 3.prepend 在元素的开始添加原创 2020-09-15 19:05:01 · 234 阅读 · 0 评论 -
动画效果
动画效果 隐藏和显示 1.show()方法和hide()方法是jQuery中最基本的动画方法。 2.在HTML文档里，为一个元素调用hide()方法，会将该元素的display样式改为“none”。 <body> <div style="width: 200px; height: 200px; background-color: yellow;"> 我是一个div标签</div> <button class="aaa">显示效果<原创 2020-09-14 20:03:03 · 539 阅读 · 0 评论 -
链式编程
链式编程 1.多行代码合并成一行代码，简写。 2.前提要认清此行代码返回的是不是对象.是对象才能进行链式编程。 3.注意：$(‘div’).html(‘设置值’).val(‘设置值’);这样可以 但是$(‘div’).html().text()这样是不对的 因为获取值时返回的是获取的字符串而不是对象本身所以不能链式编程。 获取兄弟要素的方法 next(); 当前元素之后的紧邻着的第一个兄弟元素（下一个） nextAll(); 当前元素之后的所有兄弟元素 prev(); 当前元素之前的紧邻着的兄弟元素（上一个原创 2020-09-14 19:01:23 · 347 阅读 · 0 评论 -
JQuery 样式操作
JQuery样式操作 .css 1..css("属性","属性值"); 2..css("属性","属性值").css("属性","属性值"); 3..css({"属性":"属性值","属性":"属性值"}); .addClass 1.addClass(“类样式名字”); 添加一个类样式名字 2.addClass(“类样式名字1 类样式名字2”); <body> <input type="button" value="添加类"> <div class="aa bb"> &原创 2020-09-14 13:28:21 · 258 阅读 · 0 评论 -
JQuery 选择器
JQuery选择器 基本选择器 标签选择器（元素选择器） 语法： $(“html标签名”) 获得所有匹配标签名称的元素 $("p") id选择器 语法： $("#id的属性值") 获得与指定id属性值匹配的元素 $("#btn") //例子而已 类选择器 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素 $(".cls") //例子而已 多条件选择器： 语法： $(“选择器1,选择器2…”) 获取多个选择器选中的元素之和 $("span,li,div,")原创 2020-09-13 18:53:11 · 356 阅读 · 0 评论 -
JQuery 基础介绍
JQuery 什么是JQuery 1.jQuery是一个快速、简洁的JavaScript框架 2.是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。 3.jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 4.JavaScript框架：本质就是一些js文件，封装了j原创 2020-09-13 17:54:16 · 204 阅读 · 0 评论