jquery name选择器 | 易学教程

肖哥讲jquery：

阅读更多关于肖哥讲jquery：

jquery 是一个模块一个库 js封装的一个库导入jq <script src="jquery.js"></script> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> $ == Jquery dom对象 _> jq对象 $(dom对象) jq对象 _> dom对象 jq对象[0] 选择器基本选择器通用选择器 $('*') 标签选择器 $('div') id选择器 $('#id') 类选择器 $('.class') 组合选择器 $('div.class1') 并集 $('div,p') 交集层级选择器后代选择器 $('div span') 子代选择器 $('#li>span') 毗邻选择器 $('#li+span') 弟弟选择器 $('#li~span') <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><ul href="" id="ul"> <li> 1 <ul> <li>11</li> </ul> </li> <li id="l2">2</li> <li> 3<a class="c1" href="www.baidu

jQuery的性能优化，你知道几条

阅读更多关于 jQuery的性能优化，你知道几条

================================================================= 一、选择器性能优化建议 ================================================================= 1. 总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。 $('#content').hide(); 复制代码或者从ID选择器继承来选择多个元素: $('#content p').hide(); 复制代码 2. 在class前面使用tag jQuery中第二快的选择器就是tag选择器（如$(‘head’)），因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并且不要忘了就近的ID) varreceiveNewsletter = $('#nslForm input.on'); 复制代码 jQuery中class选择器是最慢的，因为在IE 浏览器下它会遍历所有的DOM节点。尽量避免使用class选择器。也不要用tag来修饰ID。下面的例子会遍历所有的div元素来查找id为’content’的那个节点： varcontent = $('div

jquery checked选择器语法

阅读更多关于 jquery checked选择器语法

jquery checked选择器语法作用： :checked 选择器选取所有选中的复选框或单选按钮。直线电机参数语法： $(":checked") jquery checked选择器示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $(":checked").hide(); }); }); </script> </head> <body> <form action=""> <input type="radio" name="sex" value="male" checked="checked"/> Male <br /> <input type="radio" name="sex" value="female" /> Female <br /> I have a bike: <input type="checkbox" name="vehicle" value="Bike" /> <br /> I have

python-前端Jquery

阅读更多关于 python-前端Jquery

Jquery 高级版javascript 提供了更加便利的js使用方式楔子需求二：将上面的li标签实现隔行换色效果 js代码 <script> var obj = document.getElementsByClassName('city'); for (var j = 0;j < obj.length;j++){ if (j%2==0){ obj[j].style.backgroundColor = 'lightblue' }else{ obj[j].style.backgroundColor = 'lightgreen' } } </script> jquery代码 $('li:odd').css('background-color','lightblue') $('li:even').css('background-color','lightyellow') jquery介绍 js的痛点： window.onload事件只能出现一次如果出现多次，后面的事件会覆盖前面的事件浏览器兼容性问题简单的功能实现的很繁琐，例如：渐变的动画效果代码容错性差，如果此处报错，会影响后续代码执行 jquery的特点链式编程：比如 .show() 和 .html() 可以连写成 .show().html() 。隐式迭代：隐式对应的是显式。隐式迭代的意思是

jQuery

阅读更多关于 jQuery

一、jQuery简介 1. 特点 1. 兼容所有浏览器 2. 丰富的DOM选择器 3. 链式表达式 4. Ajax操作支持 2. 语法 1. jQuery语法 $(选择器).action(操作) 2. 与JS对比 JS： var pEle = document.getElementsByTagName('p')[0] pEle.style.color = 'red' jQuery： $('p').css('color', 'green') 二、选择器与筛选器 1. 基本选择器 1. 标签选择器 $('span') 2. 类选择器 $('.c1') 3. id选择器 $('#id') 4. 组合选择器 $('#d1, span'); 5. 配合使用 $('div.c1') // 找到有c1 class类的div标签 2. 层级选择器 1. 后代选择器 $('x y'); 2. 儿子选择器 $('x > y') 3. 毗邻选择器 $('x + y') 4. 兄弟选择器 $('x ~ y') 3. 属性选择器 1. 找到含有‘username’属性的标签 $('[username]') 2. 找到含有username属性，且值为‘byx’的标签 $('[username="byx"]') 3. 找到在span标签下，username=byx的标签 $('span[username=

111

阅读更多关于 111

day 50 jquary 终极版本

阅读更多关于 day 50 jquary 终极版本

jQuary 一、jquary对象和dom对象 jquary找到的标签对象成为-- jquary对象原生js找到的标签对象成为 -- dom对象 dom对象只能使用dom对象的方法,不能使用jquery对象的方法 jquery对象也是,它不能使用dom对象的方法 dom对象和jquery对象互相转换: jquery对象转dom对象 -- jquery对象[0] 示例:$('#d1')[0] dom对象转jquery对象 -- $(dom对象) 二、jquary选择器 1.基本选择器选择器是使用 jQuery('#d1') -- $('#d1') #不管找什么标签，用什么选择器，都必须要写$("")，引号里面再写选择器，通过jQuery找到的标签对象就是一个jQuery对象，用原生JS找到的标签对象叫做DOM对象，看我们上面的jQuery对象部分的内容 id选择器 -- $("#id") 标签选择器 -- $("tagName") --> $('div') class选择器 -- $(".className") -->$('.c1') //里面直接放类值配合使用 -- $('div.c1') //找到c1 class类的div标签组合选择器 -- $("#id, .className, tagName") 总结：选择器可能找到的标签是多个，会放到数组里面

前端jquery

阅读更多关于前端jquery

jQuery 引入 # 下载链接: https://jquery.com/ # 第一种方法:本地引入 <script src="jquery.js"></script> <script> </script> # 第二种方法:网址引入 <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> jq与js jquery方法找到的标签对象称为jquery对象原生js找到的标签对象称之为DOM对象, DOM对象只能调用DOM对象的方法, jquery对象只能用jquery方法, 不能互通 var $obj = jquery对象; var obj = DOM对象; $obj[0] # 通过[索引]的方法从jquery中获取的取对象,全部是DOM对象 dom对象转换为jquery对象 : $(dom对象) -- jquery对象 JQ的基础语法查找标签基本选择器(同css) # id 选择器 $("#id") # 标签选择器 $("tagName") # class选择器 $(".className") # 配合使用 $("div.c1") # 所有元素选择器 $("*") # 组合选择器 $("#id, .className, tagName") 层级选择器(同css) x 和 y

day46 jQuery

阅读更多关于 day46 jQuery

day46 jQuery 内容回顾: 1.库和框架的区别库: 小而精: 直接操作DOM, 如css()方法 jquery封装了js中的哪些操作(大量的api=方法) - 事件 - 属性 - DOM - 选择器 - ajax(交互的技术) jQuery的链式编程: jQuery的方法可以实现和js的属性操作一样的功能, 好处在哪, jQuery的方法执行完,给返回了jQuery对象, 还可以接着使用其他方法, 这就是链式编程 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li>bajie</li> <li>wukong</li> <li>datang</li> </ul> <script src="jquery.js"></script> <script> var colors = ['red','yellow','blue']; //1.从jquery对象转换为js对象 console.log($('li')[0]); //注意这里, 方式一.加上[下标], 是从jquery对象到js对象的转换 //方式二.JQ对象.get(0) //2.从js对象转换为jquery对象 var item = document

前端 jQuery 基础

阅读更多关于前端 jQuery 基础

目录 jQuery介绍优势： jQuery内容： jQuery对象 jQuery基本语法：$(selector).action() jQuery选择器基本选择器 id选择器： $("#id") 标签选择器： $("tagName") class选择器： $(".className") 结合使用： $("div.c1") // 找到有c1 class类的div标签所有元素选择器： $("*") 组合选择器： $("#id, .className, tagName") 层级选择器：基本筛选器：属性选择器：表单筛选器：筛选器方法下一个元素：上一个元素：父亲元素：儿子和兄弟元素：查找筛选补充操作标签样式操作样式类 CSS 位置操作尺寸：文本操作属性操作文档处理添加到指定元素内部的后面添加到指定元素内部的前面添加到指定元素外部的后面添加到指定元素外部的前面移除和清空元素替换克隆事件常用事件事件绑定移除事件阻止后续事件执行阻止事件冒泡页面载入事件委托动画效果 each .each(function(index, Element))： jQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript类库。 2、jQuery使用户能够更方便地处理HTML Document、Events

订阅 jquery name选择器