`
reginaminlee
  • 浏览: 32666 次
  • 性别: Icon_minigender_2
  • 来自: 湖南
社区版块
存档分类
最新评论

jquery的用法

阅读更多
Java代码 复制代码 收藏代码
  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代码 复制代码 收藏代码
  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代码 复制代码 收藏代码
  1. $("p").hover(function () {   
  2.       $(this).addClass("hilite");//鼠标放上去时   
  3.     }, function () {   
  4.       $(this).removeClass("hilite");//移开鼠标   
  5.     });//鼠标放上去和移开的不同效果(自动循环所有p对象)
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics