![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
大磊程序员(“hello world”)
debug
展开
-
原生js和JQuery页面加载完成之后的区别
$( function(){} ); 和 window.onload = function(){} 的区别?触发的时间1、jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好 DOM 对象之后就会马上执行。2、原生 js 的页面加载完成之后,除了要等浏览器内核解析完标签创建好 DOM 对象,还要等标签显示时需要的内容加载 完成。触发的顺序1、jQuery 页面加载完成之后先执行2、原生 js 的页面加载完成执行的次数1、原生 js 的页面加载完成之后,只会执行原创 2021-11-03 21:28:23 · 156 阅读 · 0 评论 -
JQuery阻止元素默认行为
如,在<a>标签当中,我们点击会发生跳转,但是在某些情况下,我们并不希望发生跳转,这时需要在函数内returnfalse来阻止a标签的默认行为$("a").click(function(){ return false;});原创 2021-11-03 19:45:34 · 633 阅读 · 0 评论 -
JQuery(CSS样式操作)
addClass() 添加样式$('#btn01').click(function(){ //addClass() - 向被选元素添加一个或多个类 $divEle.addClass("redDiv blackDiv"); });removeClass() 删除样式$('#btn02').click(function(...原创 2021-11-03 19:11:39 · 393 阅读 · 0 评论 -
JQuery(对dom进行增删改)
内部插入appendTo() a.appendTo(b) 把 a 插入到 b 子元素末尾,成为最后一个子元素prependTo() a.prependTo(b) 把 a 插到 b 所有子元素前面,成为第一个子元素外部插入insertAfter() a.insertAfter(b) 得到 bai...原创 2021-11-03 18:10:08 · 96 阅读 · 0 评论 -
JQuery中each()方法定义与使用
each() 方法规定为每个匹配元素规定运行的函数。返回 false 可用于及早停止循环。语法:$(selector).each(function(index,element))为每个匹配元素规定运行的函数。index- 选择器的 index 位置 element- 当前的元素(也可使用 "this" 选择器)...原创 2021-11-02 21:36:30 · 371 阅读 · 0 评论 -
JQuery属性操作(html()、text()、val()、attr()、prop() )
html() 它可以设置和获取起始标签和结束标签中的内容跟dom属性innerHTML一样$("div").html();//获取$("div").html("<h1>这是html设置</h1>");//设置text()它可以设置和获取起始标签和结束标签中的文本跟dom属性innerText一样$("div").text();//获取$("div").text("<h1>这是html设置</h1>");//设置v...原创 2021-11-02 20:18:10 · 346 阅读 · 0 评论 -
JQuery元素筛选
eq() 获取给定索引的元素 功能跟 :eq() 一样 first() 获取第一个元素 功能跟 :first 一样 last() 获取最后一个元素 功能跟 :last 一样 filter(exp) 留下匹配的元素 is(exp) 判断是否匹配给定的选择器,只要有一个匹配就返回,true has(exp) 返回包含有匹配选择器的元素的元素 功能跟 :has 一样 not(exp) 删除匹配选择器的元素 功能跟 :n...原创 2021-10-31 22:29:51 · 76 阅读 · 0 评论 -
JQuery过滤选择器(属性过滤)
1、[attribute]匹配包含给定属性的元素 attribute:属性名<div> <p>Hello!</p></div><div id="test2"></div>查找所有包含id属性的div元素$("div[id]")结果[ <div id="test2"></div> ]2、[attribute=value] 匹配给定的属性室某个特定值的元素<i...原创 2021-10-31 20:55:20 · 487 阅读 · 0 评论 -
JQuery过滤选择器(内容过滤)
1、:contains(text) 匹配包含给定文本的元素<div>John Resig</div><div>George Martin</div><div>Malcom John Sinclair</div><div>J. Ohn查找所有包含‘John’的div元素$("div:contains('John')")结果[ <div>John Resig</div>,.原创 2021-10-31 14:50:02 · 259 阅读 · 0 评论 -
JQuery过滤器(基本过滤器)
1、:first 获取第一个元素 <ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li></ul>获取匹配的第一个元素$('li...原创 2021-10-31 13:14:57 · 533 阅读 · 0 评论 -
JQuery选择器(层次选择器)
ancestor descendant概述:在给定的祖先元素下匹配所有的后代元素ancestor(任何有效选择器) descendant(用以匹配元素的选择器,并且它是第一个选择器的后代元素) //1.选择 body 内的所有 div 元素 $("#btn1").click(function(){ $("body div").css("background", "#bbffaa"); });parent>child 概述:在给...原创 2021-10-30 21:58:07 · 386 阅读 · 0 评论 -
jQuery选择器(基本选择器)
#id 选择器:根据id查找标签对象 //1.选择 id 为 one 的元素 "background-color","#bbffaa" $("#btn1").click(function () { // css() 方法 可以设置和获取样式 $("#one").css("background-color","#bbffaa"); });.class 选择器:根据class查找标签对象 //2.选择 class 为 mini 的所有元...原创 2021-10-30 16:11:38 · 350 阅读 · 0 评论 -
jQuery对象和dom对象区分
什么是jQuery对象,什么是dom对象Dom对象1.通过getElementById()查询出来的是Dom对象2.通过getElementByName()查询出来的标签对象是Dom对象3.通过getElementByTAgName()查询出来的标签对象是Dom对象4.通过createElement()方法创建的对象,是Dom对象DOM对象Alert出来的效果是:jQuery对象1.通过jQuery提供的API创建的对象,是jQuery对象2.通过jQuery包装的Dom原创 2021-10-28 22:03:18 · 167 阅读 · 0 评论 -
jQuery中$可以传哪些参数
$ 是jQuery的核心函数,能完成jQuery的很多功能。$ ()就是调用$这个函数1、传入参数为[函数]时:表示页面加载完成之后。相当于window.οnlοad=function(){} $(function () { var $butObj = $("#butId"); $butObj.click(function () { alert("hello!!!!");原创 2021-10-28 21:36:20 · 1110 阅读 · 0 评论