jquery

最新推荐文章于 2023-07-07 14:28:52 发布

酷鱼影子

最新推荐文章于 2023-07-07 14:28:52 发布

阅读量640

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记

本文链接：https://blog.youkuaiyun.com/kuyuyingzi/article/details/10417101

学习笔记专栏收录该内容

22 篇文章

订阅专栏

本文介绍了如何使用jQuery实现页面元素值的加法运算，并详细解释了jQuery的$.ready()、闭包、自调函数等核心概念，以及如何通过自调函数完成赋值、事件绑定等功能。

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

页面做加法运算

合计： <span> 50.0</span >分

$().ready( function(){

var count=0;

$.each($( "input[name='value']"),function (index,value){

count=count+parseInt($(value).val(),10);

});

$( "span").text(count);

});

</script>

</td>

jquery常用格式

$().ready(function(){

});页面加载加载

(function($){

})($);闭包

$(function(){})自调函数

自调函数:很有用

1、完成赋值
2、声明事件

(function(){
var title = data. versionList[ i]. title;
var content = data. versionList[ i]. content;
var vid = data. versionList[ i]. vid;
$versionA. text( data. versionList[ i]. version);
$versionA. unbind( "click");
$versionA. bind( "click", function(){
kynamic. version. controlDivShow({
addVersion: true ,
showVersionList: false ,
checkIn: false ,
checkOut: true
});
//实现每行的数据都保留下来，具体怎么做到也不清楚
$( "input[name='title']").val(title);
$( "textarea[name='content']").val(content);
});
})();

控制模块显示

kynamic .version .controlDivShow ({
addVersion: true ,
showVersionList: false ,
checkIn: false ,
checkOut: true
});
//统一控制div的显示
controlDivShow: function(divJSON){
if (divJSON .addVersion ) {
$( "#MainArea").show();
}
else {
$( "#MainArea").hide();
}
if (divJSON .showVersionList ) {
$( "#MainArea1").show();
}
else {
$( "#MainArea1").hide();
}
if (divJSON .checkIn ) {
$( "#checkin").show();
}
else {
$( "#checkin").hide();
}
if (divJSON .checkOut ) {
$( "#checkout").show();
}
else {
$( "#checkout").hide();
}
}