jQuery入门(选择器)

  • jQuery是什么?
  • jQuery语法
  • 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 元素

你可能感兴趣的:(前端,笔记,jquery,前端,chrome)