`
meiowei
  • 浏览: 147543 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Jq_基础

 
阅读更多

1.[expression] --> 可以对子元素或属性进行过滤

    子元素 --> $("li").not("[ul]")     取出所有li元素(但去除有ul子元素的li)

    属性 --> $("a[name]")    取出带有name属性的所有a标签

2.

$("#faq").find("dd").hide().end().find("dt").click(function(){
    var answer=$(this).next();
    if(answer.is(":visible")){
        answer.slideUp();
    } else {
        answer.slideDown();
    }
});

 

    find --> 查找子元素

    hide --> 隐藏当前元素

    end --> 结束当前操作

    next --> 查找下一个同级元素

    slideUp --> 通过高度变化来隐藏元素

    slideDown --> 通过高度变化来展开元素

3.

$("a").hover(function(){
    $(this).parents("p").addClass("xxxxx");
},function(){
    $(this).parents("p").removeClass("xxxxx");
});

 

    hover --> 定义了一个鼠标的悬停事件,鼠标移动到元素上面时调用第一个方法,鼠标离开元素时调用第二个方法

    parents --> 查找父级元素

4.toggle --> 不带参数的toggle用于隐藏和显示的切换,带参数的表示:第一次点击元素时调用第一个方法......以此类推,调用到最后一个方法之后再循环调用

5.$(".stuff") --> 取得所有设定class="stuff"的元素

6.animate --> 自定义动画的方法

 

分享到:
评论

相关推荐

    jq二维码,使用jq_code直接前端生成二维码

    除了基础的生成功能,`jq_code`还提供了许多自定义选项,如调整容错级别、颜色、边距等,以便适应不同的设计需求。例如,你可以通过设置`errorCorrectionLevel`来改变二维码的纠错级别,`color`属性可以用来定制...

    my-ajax-imitate-jq_ajax_JQ_

    "my-ajax-imitate-jq_ajax_JQ_"这个标题表明我们将探讨一个模仿jQuery(简称JQ)中ajax功能的实现。 jQuery是JavaScript库中最广泛使用的之一,其简洁易用的API使得开发者能够方便地处理DOM操作、事件处理以及Ajax...

    鞋子_html_bootstrap_JQ_

    HTML是构成网页的基础语言,用于定义网页的结构和内容。它通过各种标签如`<head>`, `<body>`, `<h1>`, `<p>`等来组织页面元素。在这个项目中,HTML文件可能包含了鞋子商店的主页布局、导航、段落、标题等元素,定义...

    jq_date.zip

    了解jQuery的基础知识,如选择器、事件、属性操作和动画方法,对于理解和使用这个插件至关重要。 该插件的核心在于模拟苹果设备上的日期滑动效果。这种效果通常在iOS系统的日历应用中可见,用户可以通过上下滑动来...

    jq_ajax练习

    【jQuery AJAX 基础知识】 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库中的$.ajax()函数...

    JQ_EASY_附带帮助手册

    `JQ_EASY` 指的是 jQuery EasyUI,这是一个基于 jQuery 的前端框架,旨在简化 web 开发过程,提供丰富的用户界面组件。EasyUI 提供了一套完整的 UI 控件,如对话框、表格、菜单、表单等,这些控件具有响应式设计,...

    LOL_html5_CSS3_高仿1:1_bootstrap_JQ_源码

    【标题】"LOL_html5_CSS3_高仿1:1_bootstrap_JQ_源码" 涉及到的关键技术主要包括HTML5、CSS3、Bootstrap框架以及jQuery库,这些都是现代网页开发中的核心元素。让我们逐一深入探讨这些知识点。 **HTML5** 是超文本...

    jq_超简单树节点.rar

    1. **HTML结构**:构建基础的HTML结构,每个`<li>`代表一个节点,子节点则作为`<li>`的子元素嵌套在`<ul>`中。例如: ```html 父节点1 子节点1.1 子节点1.2 父节点2 ``` 2. **CSS样式**:为树节点...

    jq_加权中值滤波_

    加权中值滤波器在传统中值滤波的基础上引入了权重概念,对邻域内的像素点赋予不同的权重,从而更加灵活地处理图像。在中值滤波中,图像像素的邻域内像素值被替换为该邻域内的中值。而在加权中值滤波中,首先计算每个...

    JS_JQ_HTML我的三个手册WEB开发必备

    这份"JS_JQ_HTML我的三个手册WEB开发必备"压缩包包含了关于这些技术的重要资料,对于开发者来说是极其实用的学习资源。 首先,JavaScript是Web开发的核心语言,它负责网页的动态功能和用户交互。JavaScript手册可能...

    DG.rar_3Dgey网站_HTML CSS JS JQ_datet7x_简单网站

    在这个项目中,JavaScript库jQuery(JQ)将被使用,它简化了DOM操作、事件处理和动画效果。jQuery使得开发者能更轻松地实现复杂的交互功能,如滑动效果、下拉菜单或时间轴滚动等。 datet7x可能是这个项目的一个特定...

    JS_JQ_AJAX.rar

    学习JavaScript,你需要理解变量、数据类型、运算符、流程控制语句、函数、对象以及事件处理等基础概念。 **jQuery** jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax...

    jQuery_EasyUI_jc.rar_JQ_easyui_jquery_jquery easyui

    1. **jQuery基础**:首先,你需要理解jQuery,这是一个强大的JavaScript库,简化了DOM操作、事件处理和Ajax交互。它通过简洁的API让JavaScript编程变得简单易行。 2. **jQuery EasyUI介绍**:jQuery EasyUI 是...

    js_jq_class_2:jsjq

    【标题解析】: "js_jq_class_2:jsjq" 这个标题指的是一个关于JavaScript(js)和jQuery(jq)的课程或教程的第二部分。它可能是一个系列教学资源,聚焦于这两种核心技术在Web开发中的应用。 【描述解析】: "js_jq_...

    flake_331_jsjq雪花_

    在本项目中,"flake_331_jsjq雪花_"是一个关于使用JavaScript和jQuery实现雪花纷飞特效的实例。这个特效常用于冬季主题的网页设计,为用户带来一种浪漫和节日的氛围。以下是对这个项目的详细解读: 1. **JavaScript...

    prime_solo_jq_assessment:劳拉·克雷斯汀(Laura Kressin)的jQuery独奏评估

    总的来说,"prime_solo_jq_assessment"是一个全面的jQuery学习资源,它涵盖从基础到高级的各种概念,旨在帮助开发者巩固和提升jQuery技能。通过Laura Kressin精心设计的挑战,我们可以深入理解和应用jQuery,从而在...

    JQ8900语音模块资料包

    综上所述,JQ8900语音模块资料包提供了从基础操作到高级应用的全方位资源,涵盖了STM32、89C52和Arduino三种不同平台的控制实例,以及格式转换、音量调节、串口调试等多个方面,是开发语音相关项目的宝贵参考资料。...

    jq_reflect_game_click_or_not:一个简单的jQuery游戏

    本篇文章将深入探讨一款名为“jq_reflect_game_click_or_not”的jQuery游戏,帮助读者理解如何利用JavaScript和jQuery来构建互动性游戏。 首先,我们要明白jQuery是一个强大的JavaScript库,它简化了DOM操作、事件...

    prime_group_jq_bs_01

    对于此作业,从我们已经创建的基础开始:用户可以输入搜索,使用本周早些时候为您创建的 AJAX 调用,您将只使用查询的 8 个结果 获取信息后,下载新的引导程序主题并将其集成到您的项目中。 一旦用户在文本框中输入...

Global site tag (gtag.js) - Google Analytics