JQuery
文章平均质量分 65
菜鸟李先生
这个作者很懒,什么都没留下…
展开
-
JQuery-文档处理
文档处理 添加节点 内部插入 append(content|fn) appendTo(content) 作用:将元素添加到指定元素内部的最后 // 1.创建一个节点 var $li = $("<li>新增的li</li>"); // 2.添加节点 $("ul").append($li); $li.appendTo("ul"); prepend(content|fn) prependTo(content) 作用:将元素添加到指定元素内部的最前面 // 1.创建一个原创 2021-08-03 19:39:39 · 62 阅读 · 0 评论 -
JQuery-动画效果
事件处理 事件绑定 eventName(fn); 编码效率略高,部分事件JQuery事件没有实现,所以不能添加。(只能用JQuery定义的事件) $("button").click(function () { alert("hello word"); }); on(eventName,fn); 编码效率略低,所有js事件都可以添加 $("button").on("click", function () { alert("hello word2S"); }); 注原创 2021-07-31 19:18:21 · 128 阅读 · 1 评论 -
JQuery-css相关方法
css css(name|pro|[,val|fn]) 作用:设置/获取css样式 逐个设置 $("div").css("width", "200px"); $("div").css("height", "200px"); $("div").css("background", "red"); 链式设置 $("div") .css("width", "200px") .css("height", "200px") .css("background", "blue"); 批量设置原创 2021-07-30 19:28:43 · 55 阅读 · 0 评论 -
JQuery-属性相关
什么是属性? 属性就是对象身上的变量 只要对象身上都可以添加属性(无论是自定义对象,还是DOM对象 ) <script> // 1.自定义一个对象 var obj = {}; console.log(obj); // 2.动态给自定义对象添加属性 [obj.name](http://obj.name) = "lmx; // name就是对象obj的一个属性 obj.age = 33; // age就是对象obj的一个属性 console.log原创 2021-07-30 16:54:21 · 40 阅读 · 0 评论 -
JQuery-选择器
选择器 基础选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素 并集选择器 $(“div,p,li”); 使用逗号分隔,只要符合条件之一就可。 交集选择器 $(“div.redClass”); 获取class为redClass的div元素 通配符选择器 $("*") 获取所有元素 层次选择器 名称 用法 描述原创 2021-07-30 16:11:38 · 137 阅读 · 0 评论 -
JQuery-静态方法
什么是静态方法? 静态方法对应的是对象方法,对象方法用实例对象调用,而静态方法用类名调用 <script> // 定义一个类 function AClass() {} // 给函数A添加静态方法 // 直接添加给类的就是静态方法 AClass.staticMethod = function () { alert("静态方法"); }; // 静态方法的调用 AClass.class(); // 给..原创 2021-07-29 22:51:26 · 279 阅读 · 0 评论 -
JQuery-核心函数
jQuery核心函数 jQuery(callback) 当DOM加载完成后执行传入的回调函数 <script> $(function () { alert("123"); }); </script> jQuery([sel,[context]]) 接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素,并包装成jQuery对象 <script> $(function () { // 利用jquery原创 2021-07-29 22:44:56 · 70 阅读 · 0 评论 -
JQuery-入口函数
JQuery入口函数 jQuery与JavaScript加载模式对比 在多个入口函数情况下 多个window.onload只会执行一次,后面的会覆盖前面的 <script> window.onload = function (ev) { alert("hello word1");//不会显示 } window.onload = function (ev) { alert("hello word2");//会显示原创 2021-07-29 22:09:21 · 276 阅读 · 0 评论 -
jQuery-初识jQuery
看此文章前必须先掌握JavaScript JQuery 是什么? jQuery 是一款优秀的 JavaScript 库,从命名可以看出 jQuery 最主要的用途是用来做查询(jQuery=js+Query). 在 jQuery 官方 Logo 下方还有一个副标题(write less, do more), 体现了 jQuery 除了查询以外,还能让我们对 HTML 文档遍历和操作、事件处理、动画以及 Ajax 变得更加简单 体验 JQuery 原生 JS 设置背景 window.on.原创 2021-07-29 21:45:38 · 144 阅读 · 0 评论