
jQuery
YUHUI01
总有刁民想害朕
展开
-
JQuery——添加CSS样式
在原生的JavaScript中,可以用style属性为CSS添加样式var className=document.getElementsByClassName("box");className.style.backgroundColor="red";在jQuery中使用JQ提供的CSS()方法添加样式$(".box").css("backgroundColor","red"); ...原创 2018-06-25 20:33:32 · 9753 阅读 · 0 评论 -
JQuery——使用toggleClass可以实现类的切换
$('#box').toggleClass('active');调用该方法时,如果box类名中有active,则会removeClass,如果没有,则会addClass原创 2018-07-27 20:27:03 · 2575 阅读 · 0 评论 -
JQuery——阻止事件冒泡(子元素继承父元素的事件)以及禁止默认事件
在子元素中添加stopPropagation()方法$(".second>li").click(function(e){ e.stopPropagation() })可以用e.target来获取触发事件的对象$('a').click(function(evt){ var self = $(evt.targe...原创 2018-07-29 00:30:19 · 1284 阅读 · 0 评论 -
node——获取用户传过来的数据
querystring模块可以把客户端url中通过url模块解析(url.parse() )出来的query字符串解析成json对象(GET方法访问),从而在url上获得用户表单信息var querystring=require("querystring");var url=require=("url");var http=require("http");var server=http.cr...原创 2018-07-12 18:43:04 · 2160 阅读 · 0 评论 -
jQuery——小技巧
1、根据属性获取对象function showError(err){ //err为对象 Object.keys(err).map(item=>{ let str=err[item]; $(`.form-group input[name=${item}]`)....原创 2018-07-23 22:02:15 · 255 阅读 · 0 评论 -
JQuery——处理表单内容的一些方法
把表单内容转化为字符串在JQuery中提供了serialize()方法来处理表单中的数据,将表单内容序列化为字符串,创建 URL 编码文本字符串,serializeArray()将表单内容序列化为对象结构把JSON转化成查询字符串将一个JSON对象转化成查询字符串以用来连接URL时可使用param(),把JSON传入该方法中...原创 2018-07-17 23:56:35 · 802 阅读 · 0 评论 -
node.js——模块
在node里面每一个js 文件都是一个模块 类似一个闭包1、导入模块 使用require 方法导入其他的js文件有独立的作用域 导入官方模块( const fs=require("fs") ) 使用自定义模块(自定义js文件)需要在require方法中添加上模块的文件路径( const m=require("./m.js") )2、导出模块exports.run=ru...原创 2018-07-04 23:25:39 · 207 阅读 · 0 评论 -
jQuery——实现淡进淡出轮播以及无缝轮播
实现图片自动轮播,鼠标悬浮,轮播停止<!DOCTYPE html><html lang="ZH"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2018-06-28 21:09:37 · 850 阅读 · 0 评论 -
jQuery——简单动画效果
1、显示、隐藏①、 (两个动画分开)显示、隐藏hide(spead,[callback]) 以及 show(spead,[callback])var $container=$(&amp;amp;amp;amp;amp;amp;amp;quot;#container&amp;amp;amp;amp;amp;amp;amp;quot;);var $content=$(&amp;amp;amp;amp;amp;amp;amp;quot;#conte原创 2018-06-26 20:31:50 · 373 阅读 · 0 评论 -
jQuery——load()使用
load()方法,旨在请求数据,并添加到目标元素·对象中第一个参数为请求的路径,第二个参数是可选参数,请求的文件为json类型时,可筛选出要添加到div元素的键值对,为JSON时,使用POST方法,如果为string时,使用GET方法,callback为返回函数$("div").load(url,param,callback)...原创 2018-07-01 23:00:00 · 923 阅读 · 0 评论 -
jQuery——常用的选择器
1、获取父、祖辈元素parent()方法能获取元素的一级父辈元素parents()方法能获取元素的祖辈元素2、获取子辈元素children()只能获取元素的子辈元素,不能获取孙辈元素find()可以获取孙辈元素3、获取兄弟元素siblings()可以获取目标元素的兄弟元素,不包含目标函数4、并集选择器$('div,p').addClass('current')...原创 2018-07-01 13:22:01 · 663 阅读 · 0 评论 -
jQuery——遍历each()
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-07-01 12:43:39 · 194 阅读 · 0 评论 -
JQuery——获取元素宽高
1、width() ( height() )不传参时返回元素的宽度,传参时改变元素的宽度(参数可以为数字,也可以是带像素单位的字符串)<style> div{background-color: rebeccapurple;height: 100px;width: 100px;} </style></head><body>...原创 2018-07-01 12:28:30 · 383 阅读 · 1 评论 -
jQuery——remove()、empty()区别
remove()与empty() 有删除的功能,但是remove方法会把选中的元素标签也一起删除掉,empty()只会清空元素标签中的内容,不会把选中的标签也干掉原创 2018-07-01 10:34:19 · 1170 阅读 · 0 评论 -
jQuery——插入元素(append()、prepend()、after()、before()、insertAfter()、insertBefore()、replaceWith())
append()、prepend()、after()、before()都支持多个参数1、append()append() 该方法是在子元素的尾部插入内容<body> <ul> <li>111</li> <li>222</li> <li>333&a原创 2018-07-01 10:25:50 · 3054 阅读 · 0 评论 -
jQuery——text()、html()、val() 、attr()获取及写入标签元素的内容
1.text()text(),该方法能获取到目标元素及子元素的文本信息(过滤掉标签),在方法中添加参数,可以改变元素的文本信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co原创 2018-07-01 09:09:22 · 5225 阅读 · 0 评论 -
jQuery——获取标签数组的长度
在原生中的JavaScript中,获取标签数组的长度(如"li"的个数)var liLists=document.getElementsByTagName("li");console.log(liLists.length); 在jQuery中除了可以使用length属性外,还可以使用旧版JQ提供的size()方法,(新版的JQ已经去掉size方法) console.log(...原创 2018-06-25 20:53:21 · 27277 阅读 · 0 评论 -
jQuery——extend插件扩展
jq提供了 extend对功能进行扩展1.extend如果直接传入两个对象 会将后面的对象属性 合并到前一个对象当中var obj = $.extend({a:"123",c:"测试"},{a:"我是",b:"234"})console.info(obj,"打印对象信息") //{a:"我是",b:"234",c:"测试"}2.如果原创 2018-08-14 10:50:17 · 698 阅读 · 0 评论