分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

Jquery的语法与选择器

发布时间:2023-09-06 02:14责任编辑:熊小新关键词:选择器

jQuery的基础语法 是 $(selector).action()

 其中selector是选择和查找html元素

action是执行元素。

  • $(this).hide() - 隐藏当前元素

  • $("p").hide() - 隐藏所有 <p> 元素

  • $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

  • $("#test").hide() - 隐藏所有 id="test" 的元素     

jQuery 的入口函数

  $(doument).reday(function (){

    开始写jQuery代码 });

简写为$(function(){

     //开始写jQuery代码 });

jQuery的选择器允许查找html中的单个或者元素组进行操作。

所有的选择器都是以$().

 比如选择html中的p元素 $("p").

$(document).ready(function(){ ?$("button").click(function(){ ???$("p").hide(); ?});});

将html中所有P元素隐藏。

$("#id") 通过ID选择唯一的元素。

$(".class")通过class名选择唯一的元素或者元素组。

$("*") * 代表html中所有元素。

$("this")选择当前的html元素。

$(document).ready(function(){ ?$("button").click(function(){ ???$(this).hide(); ?});});

比如代码中的this代表的是 button这个按钮。

$("p:first") 选择第一个P元素。

$("p.avf")选择class名为avf的P元素。

$("ul li:first") 选取第一个 <ul> 元素的第一个 <li> 元素

$("[href]") 选择带有href属性的所有元素。

$("a[target=‘_blank‘]") 选择target值为_blank的a标签。

$(":button") 选择所有type=button的所有input元素和button元素。

$("tr:even") 选择偶数位置的tr元素。

$("tr.odd") 选择奇数位置的tr元素。

关于:和 [ ] 的理解: 其中‘‘ : "可以理解为元素种类。 “[ ]” 可以理解为属性种类。

  

Jquery的语法与选择器

原文地址:https://www.cnblogs.com/time-to-despair/p/9612572.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved