jquery笔记

jquery笔记之属性选择器 查找以某种条件开头的页面元素

[b][size=medium][color=green]$("div[id]")查找所有含有id属性的div元素。$("div[id='ajaxa']")查找id为ajaxa的div元素。$("div[id!='ajaxa']")查找id不为ajaxa的div元素。$("div[id^='ajaxa']")查找id以ajaxa开头的div元素。$("div[id$='ajaxa']")查找id以
lanyan1214·2020-08-02 18:53

jQuery笔记：选择器

文章目录jQuery选择器是什么jQuery的基本选择器jQuery的层次选择器jQuery的过滤选择器一、基本过滤选择器二、内容过滤选择器三、可见性过滤选择器四、属性过滤选择器五、子元素过滤选择器六、表单对象属性过滤选择器jQuery的表单选择器jQuery选择器是什么在此之前我们需要了解前几年流行起来的CSS（CascadingStyleSheet）----层叠样式表技术。CSS是一项出色的技
狗哥·2020-08-01 05:00

jQuery笔记：网站的超链接和图片的提示效果

文章目录超链接提示效果版本1版本2版本3（最终版本）图片提示效果超链接提示效果在现代浏览器中，超链接中加入title属性就可以实现鼠标悬停提示效果，如：文字提示body{margin:10px;padding:40px;background:#fff;font:80%Arial,Helvetica,sans-serif;color:#555;line-height:180%;}提示1.提示2.自带
狗哥·2020-08-01 05:27

jquery笔记

jqueryjquery:js的脚本库，可以简便的实现jsDOM遍历，操作，事件处理，动画，ajax等操作优势，尺寸小，支持css3选择器，跨浏览器引入jQuery后全局域会添加变量$（或者jquery）取对象的属性，-般采用对象.属性名;但是当属性名为数字时，采用对象[属性名](类似数组)jquery支持链式调用本质是调用方法得到方法的返回值对象该对象再去调用下一个方法所以要想支持链式调用方法必
Meroy0·2020-07-31 14:25

JQuery笔记6： JQuery过滤选择器

除了前面的选择器外，JQuery还有过滤选择器。基本过滤选择器：（1）:first选取第一个元素。$("div:first")选取第一个（2）:last选取最后一个元素。$("div:last")选取最后一个（3）:not(选择器)选取不满足“选择器”条件的元素：$("input:not(.myClass)")选取样式名不是myClass的（4）:even、:odd，选取索引是奇数、偶数的元素：$
zhanzkw·2020-07-30 11:03

前端全套视频HTML+CSS+JS+jQuery笔记（十）

4.jQuery4.1jQuery概念及特点4.2jQuery的封装原理function函数名仍然能够被覆盖问题：只执行一次，且无法接收返回值用全局区域的值去记录局部变量的值所以使用jQuery，$都能直接使用jQuery的内容4.3jQuery的选择器参考链接：jquery选择器返回只有一个元素的数组，val()方法是数组的；value方法是html元素的返回一个数组，看input框有几个加了[
林灵会灭·2020-07-30 09:13

JQuery笔记（五）

什么JQuery:jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（*或JavaScript框架*）。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和A
不甘心的井底之蛙·2020-07-30 08:37

w3school JQuery笔记

jQuery库包含以下特性：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTMLDOM遍历和修改AJAXUtilitiesjQuery库是一个JavaScript文件，您可以使用HTML的标签引用它：请注意，标签应该位于页面的部分。提示：您是否很疑惑为什么我们没有在标签中使用type="text/javascript"？在HTML5中，不必那样做了。Ja
若耶溪coding·2020-07-30 08:06

Jquery学习笔记——第一天

Jquery学习打卡Jquery学习笔记---第一天Jquery笔记第一天1.Jquery引言a)什么是Jqueryb)Jquery的好处c)其他Js框架2.第一个Jquery的程序3.DOM对象与Jquery
weixin_43829407·2020-07-29 12:00

Jquery学习笔记——第二天

Jquery学习打卡Jquery学习笔记---第二天Jquery笔记第二天1.Jquery的事件处理a)Js中事件处理的2种方式b)Jquery中通过编程式的方式加入事件处理c)注意细节i.this关键字
weixin_43829407·2020-07-29 12:00

小汪的jQuery笔记整理

目录第一章1.初识jquery2.如何使用jQuery?3.jquery各版本的区别4.jquery的入口函数5.$函数6.dom对象和jquery对象7.text();方法获取和设置文本的.8.css()方法:设置/获取样式9.选择器10.鼠标移入和离开11.添加和移除类12.attr()第二章1.显示，隐藏2.滑入滑出3.淡入淡出4.自定义动画5.动画队列和stop（）方法6.创建节点7.添加
Fight_hard·2020-07-29 12:23

笔记：Jquery笔记二，常用选择器函数

1.$(“p:first”)选取第一个p元素2.$(“ulli:first”)选取第一个ul元素的第一个li元素3.$(“ulli:first-child”)选取每个ul元素的第一个li元素4.$("[href]")选取带有href属性的元素5.奇偶位置$("tr:even")//选取偶数位置的元素$("tr:odd")//选取奇数位置的元素6.父元素。1.直接父元素。parent()方法返回被选
Lz先生·2020-07-29 11:39

jquery笔记大全

1.jquery禁用input标签在html标签中设置按钮被禁用，可以使用如下代码在jquery中可以使用attr()函数修改按钮的disable属性$(“#test”).attr(‘disabled',false);jquery控制button的disabled属性代码如下:$('#button').attr('disabled',"true");添加disabled属性$('#button')
一张船票·2020-07-29 09:42

【jQuery笔记Part2】02-jQuery展开&收起动画&帷幔效果案例&下拉菜单案例&显示隐藏更多案例&折叠菜单案例

展开&收起动画&案例HTMLDOMoverflow属性展开slideDown(毫秒,完成回调函数)收起slideUp(毫秒,完成回调函数)切换slideToggle(毫秒,完成回调函数)案例：帷幔效果案例：下拉菜单js中==与===的区别案例：显示隐藏更多案例：折叠菜单CSScursor属性：一些不同的光标。CSS3transform属性：旋转div元素end()返回调用链的上一级。find()搜
萌宅鹿·2020-07-28 22:11

JQuery笔记-学习绚丽效果教你做之JQuery实战

第一讲：1、HTML负责页面内容，CSS-样式，JavaScript-行为；2、HTML中应该有DOCTYPE来告知浏览器的渲染显示方式；3、可以先定义div或span节点用于以后显示服务器返回数据；4、border属性可以控制页面元素的边框；5、background-***可以控制背景图，以及背景图的位置，重复显示的方式；6、可以通过#idname或.classname的方式来定制html节点样
中下游国外我·2020-07-15 13:22

JQuery基础语法总结

JQuery笔记writeless，domore引用百度CDNJQuery语法1.文档就绪函数$(function(){});2.JQuery选择器基础选择器$("#testId")//id选择器$("
Noneplus·2020-07-14 19:02

jquery笔记之选择器

一、jq与dom互转1.jq->dom提供了两种方法，[index]或get(index)var$cr=$("#cr");//jqobj,jq对象前面是加上$的varcr=$cr[0];//domobjalert(cr.checked);var$cr=$("#cr");varcr=cr.get(0);alert(cr.checked);2.dom->jqvarcr=document.getElem
oliverhuang·2020-07-13 04:52

jQuery笔记（二）-- 使用选择器

选择器是jQuery的根基，在jQuery中，遍历DOM、事件处理、CSS控制、动画设计和AJAX操作都依赖于选择器1、jQuery选择器介绍和优势jQuery选择器采用CSS和Xpath选择器语法规范，能够满足用户在DOM中快速匹配元素或元素集合。它有如下优势：简化代码书写完善的支持。支持不同CSS版本和不同类型浏览器完善的处理机制。jQuery选择器的核心依然是JavaScript的原生方法，
寒桥·2020-07-09 04:46

JQuery笔记

JQuery简介一。JQUERY学习重点:1.熟练背诵JQUERY[选择器和过滤器]语法2.熟练掌握【JQUERY对象】提供【功能函数】二。jquery学习方式1.一天理论介绍2.分段提供jquery练习内容三。JQUERY技术介绍:1.就是JavaScript的封装版2.简化JavaScript对DOM对象定位以及对DOM对象属性操作开发步骤四。JQUERY使用：1.下载jquery工具文件，并
Li某_初学者·2020-07-08 23:40

jquery笔记之DOM

Dom操作分为：1.DOMCore例如：getElementById2.HTML-DOM例如：document.forms3.CSS-DOM例如：element.style.colorjq的DOM操作1.查找节点1)查找元素节点var$li=$("ulli:eq(1)");//获取li第二个节点varli_txt=$li.text();//获取文本内容alert(li_txt);2)查找属性节点v
oliverhuang·2020-07-07 15:41

jQuery笔记

一、$(document).ready()是个什么函数？为什么要用它？ready()函数用于在文档进入ready状态时执行代码。当DOM完全加载（例如HTML被完全解析DOM树构建完成时），jQuery允许你执行代码。使用$(document).ready()的最大好处在于它适用于所有浏览器，jQuery帮你解决了跨浏览器的难题二、JavaScriptwindow.onload事件和jQueryr
啊卟·2020-07-06 06:05

CSS-JQUERY笔记

Ready$(document).ready(function(){})Input_div_spanInput-长度限制Input-仅允许输入数值//绑定时刻输入textBoxfunctionbindInputKeyPress(){$(".textbox").on("keypress",function(event){varkeynum;if(window.event){keynum=event.
weixin_33859231·2020-07-05 23:36

【jQuery笔记】狂拍灰太狼案例笔记

狂拍灰太狼使用jQuery语法实现的新浪微博页面我要实现的功能：点击开始游戏按钮，开始游戏游戏有时间进度条游戏结束以后可以点击重新开始按钮，重新开始游戏有游戏规则点击灰太狼加10分，点击小灰灰减10分，并且只能点击一次，以防用户一直点点击之前显示没有被平底锅打击的图片，点击之后显示被平底锅打击的图片游戏结束，动画结束首先，布局HTML页面狂拍灰太狼0开始游戏游戏规则游戏规则1.游戏时间:60s2.
码小余の博客·2020-06-18 19:04

【书】锋利的Jquery笔记

1、jQuery对象转成DOM对象两种方法：［index］和get(index)，如：$('#test')[0]或$('#test').get(0)2、DOM对象转成jQuery对象一种方法：$(dom)，如：$(document.getElementById('test'))3、调用jQuery.noConflict()来将变量$的控制权移交给其他JavaScript库。var$J=jQuery
Shiryan·2020-06-02 22:18

jQuery笔记1--jQuery的定义和语法

jQuery的定义和语法jQuery是什么jQuery是一个JavaScript库jQuery极大简化了JavaScript操作兼容不同浏览器下的JavaScript语法问题jQuery语法jQuery下载见jquery下载所有版本语法简单易学，类似CSS$代表jQuery对象$(function(){}的作用类似window.οnlοad=function(){}$(“div”)是documen
西瓜你个皮皮·2020-05-14 11:54

jQuery笔记-api

jQuery1.10笔记(*号是需要注意的部分)核心//jQuery([selector,[context]])$("div",xml.responseXML);$("input:radio",document.forms[0]);//返回值:jQueryjQuery(html,[ownerDocument])$("",{type:"text",val:"Test",focusin:functio
VEN_64d6·2020-04-11 22:42

jquery笔记之动画

1.show()和hide()2.fadeIn()和fadeOut()3.slidUp()和slideDown()4.自定义动画animate(params,speed,callback)params:一个包含样式属性及值的映射，字典类型speed：速度参数callback：动画完成时执行的函数例如：$("#panel").click(function(){$(this).animate({lef
oliverhuang·2020-04-02 12:06

JavaScript-jQuery笔记

一.Dom对象和JQuery对象相互转换Dom对象代表HTML元素(标签)对象,jQuery对象是包装DOM对象产生的对象,jQuery不能用DOM方法,同理DOM也不能用jQuery方法。1).Dom对象转为JQuery对象var$jQ=$(document.getElementById("username"));alert($jQ.val());2).JQuery对象转为Dom对象//1.通过
lioilwin·2020-03-31 18:52

jQuery笔记（一）-- 认识jQuery

jQuery是一个全球最受欢迎的JavaScript代码框架，封装了常用的JavaScript代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、CSS设计和AJAX交互，兼容所有主流浏览器1、jQuery的优点精确选择页面对象进行可靠的CSS样式控制使DOM操作规范化标准化事件控制支持网页特效快速通信扩展JavaScript内核2、使用jQueryjQuery项目主
寒桥·2020-03-30 04:19

jQuery笔记1

jQuery非常好用,但是也有一些地方要多加留意,这里总结一下我犯过的错误以及常用的操作,权当笔记.1判断元素是否存在判断元素是否存在在前端中应该是常见的操作,在使用jQuery进行判断时要多加小心,先看下面的代码if($('.fly')){console.log('icanfly')}上面的代码看似没有问题,但由于$('.fly')返回的永远是一个对象,所以不管.fly存不存在,判断永远都是Tr
peakhell·2020-03-30 00:44

jquery笔记

jqueryscript放在head中，文档前面时window.onload=handle页面全部加在完再执行jquery:$(handle),dom加载完再执行jQuery选择器：$('*')与css选择器一样$()与querySelect()不一样。选择的不是一个原生dom对象$()对象用jquery对象的apijquery对象变为原生js对象$()[0]变为了原生对象原生对象变成jquery
火锅小王子00·2020-03-21 02:46

jQuery笔记（三）-- 使用过滤器

jQuery选择器能够模仿CSS和XPath语法，提供高效、准确匹配元素的方法，jQuery过滤器是一系列简单，实用的jQuery对象，建立在选择器基础上对jQuery对象进行二次过滤。在jQuery框架中，过滤器通过Sizzle.filter子类实现，包含过滤、查找和串联三类操作行为1、过滤过滤是对jQuery对象所包含的元素进行再筛选的操作，jQuery过滤方法主要包括8种：过滤方法说明eq(
寒桥·2020-03-12 06:27

jQuery笔记1 toggle方法

toggle方法特别实用，很多时候在页面中都会用到，例如：点击切换位置、显示隐藏元素其实就是无限的来回切换0和1两种状态，使用起来比if好用太多了！例如：点击切换标签的背景颜色//记得载入jQuery库点我切换//先用jq给这个p标签设置一个初始的背景颜色和样式$("p").css({"background":"yellow","text-align":"center","padding":"10
若飞丶·2020-03-01 09:28

jQuery笔记

jQuery语法jQuery语法是为HTML元素的选取编制的，可以对元素执行某些操作。基础语法是：$(selector).action()美元符号定义jQuery选择符（selector）“查询”和“查找”HTML元素jQuery的action()执行对元素的操作jQuery效果-隐藏和显示$(this).hide()-隐藏当前元素$("p").hide()-隐藏所有段落$(".test").hi
阿甘呀·2020-02-21 04:32

jquery笔记

jQuery$代表jQuery对象以它开头的function（）window.onload=function(){}的代替$(function(){})可以多次执行边执行边加载想返回原生对象dom$().get(0)或者用js代码getelementgetid()有时候引入两个库胡造成混乱解决办法jquery在第三方库之前$所有权是后者的故jQuery对象就不能再用$表示可以在前面用var$$=j
不能再白·2020-02-02 05:26

jQuery笔记1——认识jQuery

一.jQuery学习重点：1.熟练背诵jQuery[选择器和过滤器]语法2.熟练掌握【jQuery对象】提供【功能函数】二.jQuery学习方式：1.一天理论介绍2.分段提供jQuery练习内容三.jquery技术介绍：1.就是javascript的封装版2.简化JavaScript对DOM对象定位及对DOM对象属性操作开发步骤四.jQuery使用：1.下载jQuery工具文件2.将jQuery文
wwww2·2020-01-01 19:00

jQuery笔记2 常用DOM方法记录

查找节点获取页面中的某个指定节点//获取ul中的第一个li并输出var$li=$("ulli:eq(0)");varli_txt=$li.text();alert(li_txt);attr方法attr方法是用来获取节点的某个属性的，类似于js的getAttribute()。//获取ul中的第一个li的title属性，并输出var$li=$("ulli:eq(0)");varli_txt=$li.a
若飞丶·2019-12-26 07:58

锋利的jQuery笔记2

标签：我的笔记JQuery中的动画显隐show、hide$("div").hide();//隐藏所有DIV元素，相当于sytle=”display:none”$("div").show();//显示所有DIV元素加特效duang$("div").hide(1000);//一秒内隐藏slow()600毫秒，normal()400毫秒，fast()200毫秒透明度fadeIn、fadeOut$("di
暗夜的怒吼·2019-12-24 08:00

jQuery笔记3 代码风格及常用选择器记录

原文地址：http://ruofeiblog.com/2016/10/10/jQuery-note-3-selector/jQ的代码风格//创建一个匿名函数（等待页面DOM结构加载完毕后执行函数内代码）$(function(){});//执行一个jQcss方法，返回一个jQ对象$('#box').css('color','red');//连缀写法,返回依然是一个jQ对象$('#box').css(
若飞丶·2019-12-21 17:53

锋利的jquery笔记

Jquery对象转换成DOM对象的二中方法var$cr=$('#id');varcr=$cr[0];varcr2=$cr.get(0);DOM元素转换成Jquery对象的方法varcr=document.getElementById('cr');var$cr=$(cr);Jquery对象都是有$()方法制造而来，$()函数就是一个Jquery对象的制造工厂Jquery判断复选框是否被选中HTML结
何必自找失落_·2019-12-20 15:56

JQuery笔记

jQueryWriteless,domore.引用jQueryjquery语法和文档就绪事件$(selector).action()文档就绪事件：$(document).ready(function(){//jQuery代码});$(function(){//jQuery代码});jQuery入口函数与JavaScript入口函数的区别：jQuery的入口函数是在html所有标签(DOM)都加载之
noneplus·2019-12-19 14:00

锋利的jQuery笔记1

标签：我的笔记认识jQueryjQuery对象和DOM对象DOM对象可以通过javascript获取。vardomFoo=document.getElementById("foo");jQuery对象是jQuery包装DOM对象后产生的对象。jQuery对象可以使用jQuery里的方法，但不能再使用DOM对象的方法。DOM对象转成jQuery对象用$()把DOM对象包装起来就是jQuery对象了v
暗夜的怒吼·2019-12-19 08:59

jquery笔记

jQuery获取一组radio的值如题所示，方法如下：$("input[name='showCategory'][checked]").val()一：普及JQuery知识知识1：用JQuery写插件时，最核心的方法有如下两个：$.extend(object)可以理解为JQuery添加一个静态方法。$.fn.extend(object)可以理解为JQuery实例添加一个方法。基本的定义与调用：/*$
forwardRain·2019-11-08 18:33

JQuery

JQuery笔记获取文本text()获取输入框中的值.val()获取样式css('键'，'值')类的操作(addclass,removeclass,hasclass,toggleclass)单个类就写一个
小帆敲代码·2019-10-24 11:00

jQuery笔记总结

一、常用时间：1、focus事件，获取焦点事件，一般不往这个事件上绑定函数。一般作为让输入框自动获取焦点的方式，写法：$input.focus()2、mouseover和mouseout鼠标移入事件，移入事件子元素也会被触发3、mouseenter和mouseleave鼠标移入移出事件子元素不会被触发4、hover可以将mouseenter和mouseleave事件合并在一起些，写的：$input
Summer1991ZX·2019-10-23 15:46

jQuery笔记（事件绑定和解绑）

事件绑定一、bind()1.传两参数第一个参数是事件名，第二个是事件处理函数2.传键值对(对象)$("#btn").bind("click",function(){alert("我不要你觉得，我要我觉得");});//或写成键值对(对象)$("#btn").bind({"click":function(){alert("我不要你觉得，我要我觉得");}});//多个事件共用一个事件处理函数的时候，
BaaBaaBaa·2019-09-16 21:00

jquery笔记

简介jQuery是一个JavaScript库。jQuery极大地简化了JavaScript编程。jQuery引入引入百度CDN:本地引入:jQuery基本语法隐藏当前的HTML元素。$(this).hide()隐藏id="test"的元素。$("#test").hide()隐藏所有元素。$(".test").hide()隐藏所有class="test"的元素。$(".test").hide()文档
BRYANT_2019·2019-09-03 23:00

Javascript、JQuery笔记

//01.获取div的高度宽的offsetheight—能够获取任何方式设置的高度offsetwidth—能够获取任何方式设置的宽度offsetleft—能够获取任何方式设置的左边距offsettop—能够获取任何方式设置的上边距style.height和style.width只能获取通过style属性设置后的高度和宽度设置高度和宽度的时候一定记得加单位px,比如height+‘px’;//02.
qq_32077521·2019-09-03 23:47

【jQuery笔记Part1】06-jQuery对象与js对象转换

jQuery对象与js对象转换概念为什么要转换转化方法JS对象->jQuery对象jQuery对象->JS对象原理图概念jQuery对象是通过jQuery包装DOM对象后产生的对象。js对象就是DOM对象。DOM（DOM—DocumentObjectModel）是W3C国际组织的一套Web标准。它定义了访问HTML文档对象的一套属性、方法和事件。为什么要转换jQuery库提供的方法，只能jQuer
萌宅鹿·2019-08-24 17:47

jQuery笔记

3种选择器：元素选择器：(".btn")、id选择器：$("#target1")。用.addClass()这种方式就可以加不同的classjQuery有一个.prop()的方法让你来调整元素的属性.我们是这样来让按钮不可选的:$("button").prop("disabled",true);jQuery不仅可以改变元素开始标记和结束标记间的文本，甚至可以改变元素标记本身。jQuery的.html
cynthia猫·2018-10-25 02:29
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他