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 · 111 阅读 · 0 评论 -
JQuery 事件
事件绑定bindbind(“事件类型”:“事件处理函数”):第一个参数是事件名字 click mouseover mouseout第二个参数是事件处理函数 functiondelegate父级元素.delegete(“子级元素”,“事件类型”,“事件处理函数”)参数:1.要绑定的事件-----p2.要绑定的事件名字----click mouseover3.绑定事件的处理函数----functionon父级元素.on两个参数1.事件名字2.事件处理函数三个参数1.事原创 2020-09-15 21:12:07 · 215 阅读 · 0 评论 -
JQuery 元素操作
动态创建元素DOM中创建元素1.document.write(“标签代码”);缺点: 页面加载完以后创建元素,把页面中原有的内容全部覆盖掉2.innerHTML3.document.createElement(“标签名字”);JQuery中创建元素1.$(“标签代码”);2.对象.html(“标签的代码”) 设置内容后,原内容会消失。追加元素1.append方法在元素末尾追加元素(最后一个子节点)。增加元素末尾(儿子)2.appendTo 主动加入3.prepend 在元素的开始添加原创 2020-09-15 19:05:01 · 206 阅读 · 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 · 464 阅读 · 0 评论 -
链式编程
链式编程1.多行代码合并成一行代码,简写。2.前提要认清此行代码返回的是不是对象.是对象才能进行链式编程。3.注意:$(‘div’).html(‘设置值’).val(‘设置值’);这样可以但是$(‘div’).html().text()这样是不对的因为获取值时返回的是获取的字符串而不是对象本身所以不能链式编程。获取兄弟要素的方法next();当前元素之后的紧邻着的第一个兄弟元素(下一个)nextAll();当前元素之后的所有兄弟元素prev();当前元素之前的紧邻着的兄弟元素(上一个原创 2020-09-14 19:01:23 · 320 阅读 · 0 评论 -
JQuery 样式操作
JQuery样式操作.css1..css("属性","属性值");2..css("属性","属性值").css("属性","属性值");3..css({"属性":"属性值","属性":"属性值"});.addClass1.addClass(“类样式名字”); 添加一个类样式名字2.addClass(“类样式名字1 类样式名字2”);<body><input type="button" value="添加类"><div class="aa bb">&原创 2020-09-14 13:28:21 · 234 阅读 · 0 评论 -
JQuery 选择器
JQuery选择器基本选择器标签选择器(元素选择器)语法: $(“html标签名”) 获得所有匹配标签名称的元素$("p")id选择器语法: $("#id的属性值") 获得与指定id属性值匹配的元素$("#btn") //例子而已类选择器语法: $(".class的属性值") 获得与指定的class属性值匹配的元素$(".cls") //例子而已多条件选择器:语法: $(“选择器1,选择器2…”) 获取多个选择器选中的元素之和$("span,li,div,")原创 2020-09-13 18:53:11 · 321 阅读 · 0 评论 -
JQuery 基础介绍
JQuery什么是JQuery1.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 · 182 阅读 · 0 评论