jQuery教程

jQuery简述

本文主要是介绍jQuery简述,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。

一、jQuery 语法实例

$(this).hide()
演示 jQuery hide() 函数,隐藏当前的 HTML 元素。

$("#test").hide()
演示 jQuery hide() 函数,隐藏 id=“test” 的元素。

$(“p”).hide()
演示 jQuery hide() 函数,隐藏所有

元素。

$(".test").hide()
演示 jQuery hide() 函数,隐藏所有 class=“test” 的元素。

二、jQuery选择器

1.基本选择器

选择器实例选取
#id$("#lastname")id=“lastname” 的元素
.class$(".intro")所有 class=“intro” 的元素
element$(“p”)所有 < p > 元素
*$(*)页面所有元素
selector1,selector2,selector3$("#name,a,.intro")id=“name”,所有< a >元素和class=“intro”

2.基本过滤器

过滤器实例选取
:first$(“p:first”)第一个 < p > 元素
:last$(“p:last”)最后一个 < p > 元素
:even$(“tr:even”)所有偶数 < tr > 元素
:odd$(“tr:odd”)所有奇数 < tr > 元素
:eq(index)$(“ul li:eq(3)”)列表中的第四个元素(index 从 0 开始)
:gt(no)$(“ul li:gt(3)”)列出 index 大于 3 的元素(index 从 0 开始)
:lt(no)$(“ul li:lt(3)”)列出 index 小于 3 的元素(index 从 0 开始)
:not(selector)$(“input:not(:empty)”)所有不为空的 input 元素
:header$(":header")所有标题元素 < h1 > - < h6 >
:animated所有正在执行的动画元素

3.内容过滤器

过滤器实例选取
:contains(text)$(":contains(‘W3School’)")包含指定字符串的所有元素
:empty$(":empty")无子(元素)节点的所有元素
:contains(text )$(“div:contains(John)”)查找所有包含John的div元素

4.可见性过滤器

过滤器实例选取
:hidden$(“p:hidden”)所有隐藏的 < p > 元素
:visible$(“table:visible”)所有可见的表格

5.属性过滤器

过滤器实例选取
[attribute]$("[href]")所有带有 href 属性的元素
[attribute=value]$("[href=’#’]")所有 href 属性的值等于 “#” 的元素
[attribute!=value]$("[href!=’#’]")所有 href 属性的值不等于 “#” 的元素
[attribute$=value]$("[href $=’.jpg’]")所有 href 属性的值包含以 “.jpg” 结尾的元素

6.表单选择器

表单选择器主要是对表单元素进行选择,需要注意的是,选择不仅是input元素,还包括textarea和select元素

选择器实例选取
:input$(":input")所有 < input > 元素
:text$(":text")所有 type=“text” 的 < input > 元素
:password$(":password")所有 type=“password” 的 元素
:radio$(":radio")所有 type=“radio” 的 < input > 元素
:checkbox$(":checkbox")所有 type=“checkbox” 的 < input > 元素
:submit$(":submit")所有 type=“submit” 的 < input > 元素
:reset$(":reset")所有 type=“reset” 的 < input > 元素
:button$(":button")所有 type=“button” 的 < input > 元素
:image$(":image")所有 type=“image” 的 < input > 元素
:file$(":file")所有 type=“file” 的 元素

7.表单过滤器

表单过滤器主要是对表单元素进行过滤,对于选取的表单元素有比较大的帮助

过滤器实例选取
:enabled$(":enabled")所有激活的 input 元素
:disabled$(":disabled")所有禁用的 input 元素
:selected$(":selected")所有被选取的 input 元素
:checked$(":checked")所有被选中的 input 元素
这篇关于jQuery简述的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!