欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery的用法

程序员文章站 2022-07-05 13:45:17
...
Java代码 jquery的用法 
            
    
    博客分类: jquery jqueryjavajsonAjax  jquery的用法 
            
    
    博客分类: jquery jqueryjavajsonAjax 
  1. $('#element');// 相当于document.getElementById("element")   
  2.   
  3. $('.element');//Class   
  4. $('p');//html标签   
  5. $("form > input");//子对象   
  6. $("div,span,p.myClass");//同时选择多种对象   
  7. $("tr:odd").css("background-color""#bbbbff");//表格的隔行背景   
  8. $(":input");//表单对象   
  9. $("input[name='newsletter']");//特定的表单对象  
$('#element');// 相当于document.getElementById("element")

$('.element');//Class
$('p');//html标签
$("form > input");//子对象
$("div,span,p.myClass");//同时选择多种对象
$("tr:odd").css("background-color", "#bbbbff");//表格的隔行背景
$(":input");//表单对象
$("input[name='newsletter']");//特定的表单对象




支持aJax,支持文件格式:xml/html/script/json/jsonp

Java代码 jquery的用法 
            
    
    博客分类: jquery jqueryjavajsonAjax  jquery的用法 
            
    
    博客分类: jquery jqueryjavajsonAjax 
  1. $("#feeds").load("feeds.html");//相应区域导入静态页内容   
  2. $("#feeds").load("feeds.php", {limit: 25}, function(){alert("The last 25 entries in the feed have been loaded");});//导入动态内容  
$("#feeds").load("feeds.html");//相应区域导入静态页内容
$("#feeds").load("feeds.php", {limit: 25}, function(){alert("The last 25 entries in the feed have been loaded");});//导入动态内容



对事件的支持

Java代码 jquery的用法 
            
    
    博客分类: jquery jqueryjavajsonAjax  jquery的用法 
            
    
    博客分类: jquery jqueryjavajsonAjax 
  1. $("p").hover(function () {   
  2.       $(this).addClass("hilite");//鼠标放上去时   
  3.     }, function () {   
  4.       $(this).removeClass("hilite");//移开鼠标   
  5.     });//鼠标放上去和移开的不同效果(自动循环所有p对象)