jquery怎么使用选择器

 时间:2024-11-09 14:14:38

1、第一步首先介绍jquery的基本选择器,$("#id")是id选择器,$("div")是元素选择器,$(".classname") 类选择器,还有一种组合选择器,如下图所示:

jquery怎么使用选择器

2、第二步jquery的层次选择器, $("#id>.classname")是一种子元素选择器,$("#id ~ .classname ") 是一种兄弟元素选择器,$("#id + .classname ")代表下一个元素选择器,如下图所示:

jquery怎么使用选择器

3、第三步介绍一下jquery的过滤选择器,这个是需要重点了解的,很多时候去取数据的时候,需要过滤掉一部分数据,这里可以通过$("li:first")取第一个列表项等,如下图所示:

jquery怎么使用选择器

4、第四步介绍一下表单的选择器,html页面编写过程中经常需要用到表单,可以通过$(":input")匹配所有input数据,$(":password")密码框,$(":radio")单选按钮等,如下图所示:

jquery怎么使用选择器

5、第五步掌握上面jquery四类的选择器,基本上可以满足于项目的需要,如果需要详细掌握了解,百度搜索jquery api,如下图所示:

jquery怎么使用选择器

6、第六步进去jquery api界面之后,点击选择器,可以看到各种选择器的详细用法,如下图所示:

jquery怎么使用选择器
  • css设置div整体居中
  • flashCS6系列教程-4-绘制方形和圆形
  • CSS如何画出一个表格出来?
  • css如何设置表格只有底部线
  • 如何使用CSS3中的flex布局设置无序列表样式
  • 热门搜索
    保护环境手抄报图片 祖国在我心中手抄报内容 五一劳动节的手抄报 元旦手抄报图片 保护野生动物手抄报 冬至手抄报 廉政手抄报 小学生植树节手抄报 重阳节的手抄报简单又漂亮 关于新学期的手抄报