jquery项目中所的经验

最新推荐文章于 2022-01-22 14:27:12 发布

原创最新推荐文章于 2022-01-22 14:27:12 发布 · 869 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #xml #function #fp #javascript #null

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍jQuery的基础使用方法，包括环境配置、页面加载完成后的操作、定义函数响应事件、操作网页元素如select和checkbox，以及如何通过jQuery读取和操作XML文件。

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

jquery是javascript的一个延伸，由于其易用性和功能强大被人们所广泛使用。
一、环境的配置
下载 jQuery地址：http://jquery.com/
中文地址：http://wiki.jquery.org.cn/doku.php
这是一个 javascript 脚本文件。
将这个脚本文件复制到你的网页文件夹中，在需要使用 JQuery 的网页中增加

<script src="jquery-1.2.5.js" type="text/javascript"></script>

现在就可以在页面中使用 JQuery 了！
二、jquery在页面中的使用

1.ready当页面加载完成后运行

$().ready(function(){
    alert("Hello world");
});

或是

$(document).ready(function(){ 
    alert("Hello world");
});

然后当你打开这个网页时，网页加载完成就会弹出Hello world了。
完整页面

<html>
 <head>
 <title>Hello</title>
<script src="jquery-1.2.5.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function() {
      alert( "Hello, world." );
} );
</script>
 <head>
 <body>
</body>
</html>

2.定义函数
定义函数是为了当你点击页面的某个按钮或选择框时，然后jquery来做出相应的反应
根据相应ID来定义

$("#id").click(function(){
window.close();
});

当你点击ID为“id”的元素时，就会运行window.close()的操作了。

3.对网页元素的操作
（1）.jquery对select的操作
获取select的value值

var aodo=$("#control_orderwaystyle").find("option:selected").val();

获取select的text值

var aodo=$("#control_orderwaystyle").find("option:selected").text();

设置select选中哪一个根据value来设置

$("#control_orderwaystyle").val(aodo);

设置select选中哪一个根据text来设置

$("#control_orderwaystyle").find("option:[text='"+roll_contentstyle+"']").attr("selected","selected");

或是

$("#control_orderwaystyle").find("option:[text='"+roll_contentstyle+"']").attr("selected"，true);

(2).jquery对checkbox复选框的操作
获取复选框有没有被选中

$("#roll_ordersend").attr("checked")；

设置复选框为选中
$("#roll_ordersend").attr("checked","true");
设置复选框为不选中
$("#roll_ordersend").checked=false;

4.读取xml文件操作
(1).加载xml文件
$.ajax({
url: "treatyfile/treatymanage.xml",
type: 'GET',
dataType: "xml",
cache: false,
error: function(xml){
alert("读取文件列表失败");
},
success: function(xml){
ConfigXml=xml;
}
当加载成功后xml里的内容就为ConfigXml了。
(2).查找xml中的节点
$(xml).find('treatymanage').find('treaty').each(function(){
var $treaty=$(this);
});
find为查找treatymanage的节点
each为循环读取treaty节点，每次读取treaty节点就运行一次括号中的代码
$(this)为当前的节点，即当前的这个treaty节点
(3).对ConfigXml这个xml缓冲文件进行增删改查
增加工作
你需要先找到要加到ConfigXml中的一段节点
比如：save为ConfigXml中的order节点，你需要在ConfigXml的order节点后再加入一个order节点
save=$(ConfigXml).find("order");
$(ConfigXMl).find("order").append(save);
这样就把save放到ConfigXml中的order之后了
删除工作
比如：你要删除ConfigXml中的第一个order节点
$(ConfigXml).find("order").first().remove();
修改工作
比如：你要把order节点里的数据修改成特定的数据
$(ConfigXml).find("order").first().text("jquery");
查找工作
比如你要把order节点中的数据取出来
var text=$(ConfigXml).find("order").first().text();
text就是节点中的数据
(4).保存xml
既然对xml进行了修改，那么就要把它保存起来
jquery是客户端界面效果的，不能把xml保存到服务器，那么我们就要借助cgi来保存它
首先你先要触发到cgi，怎么触发呢
定义一个函数，主要函数是javascript函数
function savexml1(){
$.ajax({
type: 'POST',
url: '/cgi-bin/savetime.cgi',
data: ConfigXml.xml,
error: function(){
alert("保存配置出错！");
},
success: function(data) {
alert("保存成功！");
}
});
}
这样就以post方法触发了cgi
下面就是由c语言接收这个xml并保存起来

#include <stdio.h>
#include <string.h>
#include <time.h>


int main()
{
    char tembuf[1024];
    memset(tembuf,0,1024);
    FILE *fp=NULL,*fp1=NULL;
sleep(1);
    printf("Content-type: text/html\n\n");
printf("<html><body>\n");
    fp=fopen("../treatyfile/time.xml","w");

int i=0;
int len=0,tlen=0;
    if(fp==NULL)
   {
        printf("<head><title>打开xml文件失败</title></head>");
        return;
   }
    //获取数据并保存到xml文件
    while(fgets(tembuf,1024,stdin)!=NULL)
   {

        if(fputs(tembuf,fp)==EOF)
        {
            printf("<head><title>保存xml文件失败</title></head>");
            return;
        }

        fflush(fp);
        memset(tembuf,0,1024);
i++;
    }
   
   fclose(fp);


   printf("<head><title>保存xml文件成功</title></head>");
   printf("</body>\n"); 
   printf("</html>\n"); 
   return 0;
}

这是把数据保存到特定的文件中去
那么怎么把文件保存到自己定义的文件中呢

#include <stdio.h>
#include <string.h>
#include <time.h>




int main()
{
    char ch[1024];
char cha[1024][1024];
    char name[100]; 
int aa=0;
int bb=0;
    char file[50]=""; 
char *i=NULL,*n=NULL;

    FILE *fp=NULL;
memset(ch,0,1024);
memset(file,0,50);
memset(name,0,100);
memset(cha,0,1024);
strcpy(name,"../treatyfile/");

    printf("Content-type: text/html\n\n");
printf("<html><body>\n");

    while(fgets(ch,1024,stdin)!=NULL)
{
strcpy(cha[aa],ch);
        if((i=strstr(ch,"<treatyfile>"))!=NULL&&(n=strstr(ch,"</treatyfile>"))!=NULL)
        {
            strncpy(file,i+12,n-i-12);
strcat(name,file);
if((fp=fopen(name,"w"))==NULL)
{
printf("<head><title>打开xml文件失败</title></head>");
return;
} 

        }
        aa++;
}
while(bb<aa){
fputs(cha[bb],fp);
bb++;
}
fclose(fp);


   printf("<head><title>保存system配置文件成功</title></head>");
   printf("</body>\n"); 
   printf("</html>\n"); 
   return 0;
}

先是把数据放入一个数组中，读取xml你配置了的文件名，然后创建打开这个文件把数据放进去。