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 · 148 阅读 · 0 评论 -
JQuery阻止元素默认行为
如,在<a>标签当中,我们点击会发生跳转,但是在某些情况下,我们并不希望发生跳转,这时需要在函数内returnfalse来阻止a标签的默认行为 $("a").click(function(){ return false; });原创 2021-11-03 19:45:34 · 604 阅读 · 0 评论 -
JQuery(CSS样式操作)
addClass() 添加样式 $('#btn01').click(function(){ //addClass() - 向被选元素添加一个或多个类 $divEle.addClass("redDiv blackDiv"); }); removeClass() 删除样式 $('#btn02').click(function(...原创 2021-11-03 19:11:39 · 389 阅读 · 0 评论 -
JQuery(对dom进行增删改)
内部插入 appendTo() a.appendTo(b) 把 a 插入到 b 子元素末尾,成为最后一个子元素 prependTo() a.prependTo(b) 把 a 插到 b 所有子元素前面,成为第一个子元素 外部插入 insertAfter() a.insertAfter(b) 得到 ba i...原创 2021-11-03 18:10:08 · 90 阅读 · 0 评论 -
JQuery中each()方法定义与使用
each() 方法规定为每个匹配元素规定运行的函数。 返回 false 可用于及早停止循环。 语法: $(selector).each(function(index,element)) 为每个匹配元素规定运行的函数。 index- 选择器的 index 位置 element- 当前的元素(也可使用 "this" 选择器) ...原创 2021-11-02 21:36:30 · 358 阅读 · 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 · 328 阅读 · 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 · 69 阅读 · 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 · 468 阅读 · 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 · 249 阅读 · 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 · 515 阅读 · 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 · 374 阅读 · 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 · 338 阅读 · 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 · 156 阅读 · 0 评论 -
jQuery中$可以传哪些参数
$ 是jQuery的核心函数,能完成jQuery的很多功能。$ ()就是调用$这个函数 1、传入参数为[函数]时: 表示页面加载完成之后。相当于window.οnlοad=function(){} $(function () { var $butObj = $("#butId"); $butObj.click(function () { alert("hello!!!!");原创 2021-10-28 21:36:20 · 1065 阅读 · 0 评论