jQuery作用

jquery是前端里面比较总要的,是很强大的一个选择器。

表单: 1、$(":input") 查找所有的input元素 2、$("text")    匹配所有的单行文本框 3、$(":password") 匹配所有密码框 4、$("radio")   匹配所有单选按钮 5、$("checkbox") 匹配所有复选框 6、$("submit")   匹配所有提交按钮 7、$("image")    匹配所有图像域 8、$("button")   匹配所有按钮 9、$("file")     匹配所有文件域

10、$("hidden") 匹配所有不可见元素,或者type为hidden的元素

1、$("#id"): 根据给定的ID匹配一个元素。
   2、$("dom元素名"):根据给定的元素名匹配所有元素
   3、$(".Class类名"): 根据给定的类匹配元素。
   4、$("*") :匹配所有元素。
   5、$("dom元素.class类名"):选择所有class属性为指定类名的dom元素。
   6、$(".stripe tr"): 获取class属性为stripe的table元素下的所有行
层级:    1、$("ancestor descendant"):在给定的祖先元素下匹配所有的后代元素
   2、$("parent > child"):在给定的父元素下匹配所有的子元素
   3、$("prev + next"):匹配所有紧接在 prev 元素后的 next 元素
   4、$("prev ~ siblings"):匹配 prev 元素之后的所有 siblings(同级) 元素

时间: 2024-10-17 06:14:45

jQuery作用的相关文章

jQuery笔记总结

来源于:http://blog.poetries.top/2016/10/20/review-jQuery/ http://www.jianshu.com/p/f8e3936b34c9 首先,来了解一下jQuery学习的整体思路 第一节 jQuery初步认知 jQuery概述 JQuery概念 javascript概念 基于Js语言的API和语法组织逻辑,通过内置window和document对象,来操作内存中的DOM元素 JQuery概念 基于javascript的,同上,提高了代码的效率 j

jQuery使用大全

我的程序人生 提供基于Lesktop的IM二次开发,联系QQ:76159179 CnBlogs Home New Post Contact Admin Rss Posts - 476  Articles - 0  Comments - 444 [经典]jQuery使用大全 官方网站:http://jquery.com jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可

jquery 快速入门学习总结

jquery 快速入门学习总结 jquery简介 jquery 是一个免费,开源的javascript 库. jquery作用 方便完成web前端的工作,例如节点操作,元素操作,事件绑定,ajax操作,并且解决了大部分的兼容问题 jquery使用配置 1.本地配置 1.1 下载jquery文件,  www.jquery.com 1.2 引入,放在文件同目录       <script type="text/javascript" src="jquery.1.8.3.mi

06: jQuery

1.1 JQuery作用 简介:jQuery库为Web脚本编程提供了通用的抽象层,使得它几乎适用于任何编程的情形. # 1. 取得页面中的元素 1. 如果不使用JavaScript库,遍历DOM树,以及查找HTML文档结构中某个特殊的部分,必需编写很多代码 2. jQuery为准确获取需要操纵的文档元素,提供了可靠而富有效率的选择符机制. # 2. 修改页面的外观 1. CSS虽然为呈现方式提供了一种强大的手段,但当所有浏览器不完全支持相同的标准时,单纯使用CSS就会 显得力不从心 2. jQu

webpack-webpackConfig-plugin 配置

ProvidePlugin 语法: module.export = { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery', 'window.$': 'jquery', }), ] } 作用: rovidePlugin的机制是:当webpack加载到某个js模块里,出现了未定义且名称符合(字符串完全匹配)配置中key的变量时,会自动require配置中val

Bootstrap 源码解析

Bootstrap 源码解析 1.Bootstrap的作用域 2.Bootstrap的类定义 3.Bootstrap的插件定义 4.Bootstrap的事件代理 5.Bootstrap的对象数据缓存 6.Bootstrap的防冲突 7.作用域外如何使用Button类 8.Bootstrap的单元测试 Bootstrap的作用域 Bootstrap每个插件都定义在下面这段作用域代码中: 请看<IIFE>和<严格模式>编译环境. 在插件的作用域之外,全局范围执行代码的第一行,检测了jQ

web开发小白之路

今天就来谈谈本人从事web开发的一系列白只又白的经历,本人刚开始是从事ios开发的,由于一系列的变故现在变为了web前端开发,不过说来也奇怪,刚开始接触前端时间可以说是彻底蒙圈,各种选择器,各种适配搞得我脑袋都要炸开了,不过现在还好,慢慢的熟悉了知道是怎么一回事了,不过随着熟悉程度的加深,问题也随之越来越多了,先开始是页面布局总是搞乱各种浮动,居中,内外边距等问题搞得我是一头雾水,不过现在好了,最近开发了一个web网站,虽然说没有什么动态效果,纯静态,但是这也是我的得意之作啊,所以还是难免有点小

JQ用法

jQuery简称jq,是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jq可以帮你达到目的!下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip)jQuery Downloads (http://jquery.com/src/) 下载完成后先加载到文档中,然后我们来看个简单的例子! <scriptlanguag

jQuery事件对象的作用

jQuery事件对象的作用 事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的 一个标准的"click"点击事件 $(elem).on("click",function(event){ event //事件对象 }) 在不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异.jQuery根据 W3C 标准规范了事件对象,所以在jQuery事件回调方法中获取到的事件对象是经过兼容后处理过的一个标准的跨浏览器对象