jQuery入门(选择器)

jQuery是什么?

简单地说,jQuery是一个JavaScript函数库。一个轻量级的“写的少,做的多”的JavaScript库。它主要包含以下功能:

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

jQuery语法

jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()

  • 美元符号定义 jQuery
  • 选择符(selector)“查询"和"查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

例如:

 $("p").css() - 给所有p元素添加css样式

jQuery选择器

jQuery选择器和js的选择器都差不多,只是在原来的基础上新增加了一些,写法上也简便了许多,下面列举一些常用的:

语法描述
$("*")选取所有元素
$(this)选取当前 HTML 元素
$(“.class”)选取class为class的元素
$(“#class”)选取id为class的元素
$(“p.intro”)选取 class 为 intro 的 p 元素
$(“p:first”)选取第一个 p 元素
$(“ul li:first”)选取第一个 ul 元素的第一个 li 元素
$(“ul li:first-child”)选取每个 ul元素的第一个 li 元素
$(“ul li:last-child”)选取每个 ul元素的最后一个 li 元素
$("[href]")选取带有 href 属性的元素
$(“a[target=’_blank’]”)选取所有 target 属性值等于 “_blank” 的 a 元素
$(“a[target!=’_blank’]”)选取所有 target 属性值不等于 “_blank” 的 a 元素
$(":button")选取所有 type=“button” 的 input 元素 和 button 元素
$(":checkbox")选取所有 type=“checkbox” 的 input 元素
$(":submit")选取所有 type=“submit” 的 input 元素
$(“tr:even”)选取偶数位置的 tr元素
$(“tr:odd”)选取奇数位置的 tr 元素
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值