jQuery代码

实验实验 贡献于2015-08-19

作者 微软用户  创建于2015-03-08 16:31:00   修改者微软用户  修改于2015-03-08 16:49:00字数12341

文档摘要: 使用jQuery实现//使用文档就绪函数ready(),当页面加载完成后再执行操作,类似于window.onload$(document).ready(function(){//$("#hello").css("color","red");//jQuery对象//$("#hello").css("width","200px");
关键词:

1.jQuery基本语法
Hello jQuery!
2. 3.

唐伯虎

秋香

石榴姐

DOM对象和jQuery对象之间的转换
基本选择器 欢迎来到南京网博!
aaa
bbb
ccc

welcome to itany

welcome to nanjing!

基本过滤选择器 ⒀$(function(){ //选择表单中所有input元素 $(":button:first").click(function(){ $("form :input").css("background","red"); }); //选择表单中所有密码框 $(":button:eq(1)").click(function(){ $("form :password").css("background","blue");. 1.    

welcome to itany!

用户名: 5. //节点操作 $(document).ready(function(){ //创建节点 var node1=$(""); var node2=$("
  • 电影
  • "); var node3=$("
  • 健身
  • "); var node4=$("

    welcome to itany!

    "); //添加节点 $("ul").append(node2); node3.appendTo($("ul"));//与append相比,顺序反了 $("ul").after(node4); //删除节点 $("ul li:eq(1)").remove();//删除整个节点 //$("ul li:eq(0)").empty();//清空节点的内容,节点本身还在 //复制节点 $("ul li:eq(0)").clone(true).appendTo($("ul"));//true表示克隆时包含对象的所有事件 //节点属性操作 $(":button:eq(0)").click(function(){ //alert($("#img").attr("src")); $("#img").attr("src","images/itany.jpg"); }); $(":button:eq(1)").click(function(){ $("#img").removeAttr("src");

    爱好

    • 吃饭
    • 睡觉
    • 打豆豆

        6.    
       
       
       
    网博
     
    10. $(function(){ $("#btnLoad").click(function(){ $("#info").load("course.html",function(){ $("#btnLoad").attr("disabled",true); 11. $(function(){ $("#btnLoad").click(function(){ $.getJSON("course.json",function(result){ $.each(result,function(i,obj){ $("#info").append("

    "+obj.id+" " +obj.name+"

    "); 12. $(function(){ $("#btnRegister").click(function(){ //1.获取表单元素的值 var data=$("#register").serialize(); alert(data); //2.发送请求

    下载文档到电脑,查找使用更方便

    文档的实际排版效果,会与网站的显示效果略有不同!!

    需要 2 金币 [ 分享文档获得金币 ] 0 人已下载

    下载文档