2、jQuery选择器与方法(Head First笔记)

本文介绍了如何使用jQuery进行元素的选择、事件绑定及内容的添加与移除等操作,包括click、append、prepend和remove方法的使用示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery click()

点击p元素后,将弹出对话框。

$("p").click( function() {
    alert("You rang?");
});

扩展:

Definition and Usage

The click event occurs when an element is clicked.

The click() method triggers the click event, or attaches a function to run when a click event occurs.

Syntax

Trigger the click event for the selected elements:

$(selector).click()

Attach a function to the click event:

$(selector).click(function)

选择器

类选择器

通过类名来选择元素

$(".nav").click( function() {
    alert("You clicked me!");
});

ID选择器

通过ID来选额元素

$("#my_blurb").slideToggle("slow");

扩展:

The element Selector

The jQuery element selector selects elements based on the element name.

You can select all

elements on a page like this:

$("p");

jQuery append()

$("p").append(" <strong>Like me, for instance.</strong>");

没使用append()之前的HTML代码:

<p>
    jQuery lets me add stuff onto my web page without having to reload it.
</p>

使用append()之后的HTML代码:

<p>
    jQuery lets me add stuff onto my web page without having to reload it. 
    <strong>Like me, for instance.</strong>
</p>

也就是说,用了jQuery append()之后,strong标签的内容插入到p标签内,成为了p标签的子元素,并且插入的位置是原来p标签内的子元素的后面。

扩展:

jQuery prepend() Method

Definition and Usage:

The prepend() method inserts specified content at the beginning of the selected elements.

Syntax

$(selector).prepend(content,function(index,html))

content:
Require.
Specifies the content to insert (can contain HTML tags).
Possible values: HTML elements, jQuery objects, DOM elements.

// Create content with HTML, jQuery and DOM
function prependText() {
    var txt1 = "<p>Text.</p>";              // Create text with HTML
    var txt2 = $("<p></p>").text("Text.");  // Create text with jQuery
    var txt3 = document.createElement("p");
    txt3.innerHTML = "Text.";               // Create text with DOM
    $("p").prepend(txt1, txt2, txt3);       // Prepend new elements
}

function(index, html):
Optional.
Specifies a function that returns the content to insert.
index - Returns the index position of the element in the set
html - Returns the current HTML of the selected element

$(document).ready(function(){
    $("button").click(function(){
        $("p").prepend(function(index, html){
            return "<b>This p element has index " + index + "</b>."  + html;
        });
    });
});

用$(this)返回当前元素

点击了id为myImg这个元素,这个元素就会执行slideUp();

$("#myImg").click( function() {
    $(this).slideUp();
});

jQuery remove()

点击id为#btnRemove这个元素,会把li元素全部删除。

$("#btnRemove").click(function() {
    $("li").remove();
})

Math.floor()与Math.random()

Math.floor()向下取整。

Math.floor(1.6) // 1

Math.random()将返回一个介于0和1的随机数。

内容概要:本文介绍了基于Python实现的SSA-GRU(麻雀搜索算法优化门控循环单元)时间序列预测项目。项目旨在通过结合SSA的全局搜索能力和GRU的时序信息处理能力,提升时间序列预测的精度和效率。文中详细描述了项目的背景、目标、挑战及解决方案,涵盖了从数据预处理到模型训练、优化及评估的全流程。SSA用于优化GRU的超参数,如隐藏层单元数、学习率等,以解决传统方法难以捕捉复杂非线性关系的问题。项目还提供了具体的代码示例,包括GRU模型的定义、训练和验证过程,以及SSA的种群初始化、迭代更新策略和适应度评估函数。; 适合人群:具备一定编程基础,特别是对时间序列预测和深度学习有一定了解的研究人员和技术开发者。; 使用场景及目标:①提高时间序列预测的精度和效率,适用于金融市场分析、气象预报、工业设备故障诊断等领域;②解决传统方法难以捕捉复杂非线性关系的问题;③通过自动化参数优化,减少人工干预,提升模型开发效率;④增强模型在不同数据集和未知环境中的泛化能力。; 阅读建议:由于项目涉及深度学习和智能优化算法的结合,建议读者在阅读过程中结合代码示例进行实践,理解SSA和GRU的工作原理及其在时间序列预测中的具体应用。同时,关注数据预处理、模型训练和优化的每个步骤,以确保对整个流程有全面的理解。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值