当前位置:  编程技术>jquery

jquery学习笔记

    来源: 互联网  发布时间:2014-09-03

    本文导语:  1、属性:为所有匹配的元素设置一个计算的属性值 //为 所有的input添加属性class="btn" //$("input").attr("class","btn"); 2、CSS:为每个匹配的元素添加指定的类名 //对所有的提交按钮添加样式 $("input:submit").addClass("btn"); 3、值:获得...

1、属性:为所有匹配的元素设置一个计算的属性值
//为 所有的input添加属性class="btn"
//$("input").attr("class","btn");

2、CSS:为每个匹配的元素添加指定的类名
//对所有的提交按钮添加样式
$("input:submit").addClass("btn");
3、值:获得第一个匹配元素的 当前值
//取的某一按钮的值
//alert($("#Button1").val());

4、Html代 码:取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文 档。
//输 出div之间的html代码
//alert($("#div1").html());

//对Div中的html重 新赋值
//$("#div1").html("");

5、文本:取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

//输出div之间的文本值
//alert($("#div1").text());

//对div中的文本重新赋值
//$("#div1").text("100");

6、//单选按钮选中
$("#select1").val("选项2");
//            if( $("#select1").val()=='选项2')
//            {
//                alert("你选择了选项2");
//            }
7、将一个或多个DOM元素转化为jQuery对象
//设置页面背景色
$(document.body).css("background","#c0c0c0");

//隐藏一个表单中所有元素 【不可用】
//$(div.elements).hide();

8、each用法以每一个匹配的元素作为上下文来执行一个函数
// $("button").click(function () {
//$("div").each(function (index, domEle) {
// // domEle == this
//                $(domEle).css("backgroundColor", "yellow");
//                if ($(this).is("#stop")) {
//                $("span").text("Stopped at div index #" + index);
//                return false;
//                }
//                });
//                });
9、 这个函数的返回值与 jQuery 对象的'length' 属性一致
//button的个数
//alert($("input:submit").size()+" and "+$("input:submit").length);

10、   取得所有匹配的 DOM 元素集合
//alert($("input").get().reverse());
//取得其中一个匹配的元素。 num表示取得第几个匹配的元素
//alert($("input").get(1));
1、JQuery转Dom用 [index]或get(index)方法
Dom转JQuery 用$()

 1 2 3 下一页 尾页

    
 
 

您可能感兴趣的文章:

  • jQuery学习笔记之jQuery原型属性和方法
  • jQuery学习笔记之jQuery.fn.init()的参数分析
  • jQuery学习笔记之toArray()
  • JQuery操作DOM的笔记
  • jQuery学习笔记之总体架构
  • CSS属性参考手册 iis7站长之家
  • jquey笔记之dom对象与jquery对象互换的例子
  • JQuery EasyUI使用笔记分享
  • jQuery学习笔记之jQuery构建函数的7种方法
  • jQuery学习笔记之 Ajax操作篇(三) - 过程处理
  • jQuery学习笔记之 Ajax操作篇(一) - 数据加载
  • jQuery学习笔记之 Ajax操作篇(二) - 数据传递
  • jquery easyui学习笔记(1)
  • jQuery记录之jquery入门学习笔记
  • jquery插件学习四
  • jquery插件学习六
  • jquery插件学习三
  • jquery插件学习一
  • JQuery 返回布尔值Is()条件判断方法学习
  • jquery插件学习五
  • jquery插件学习二
  • jQuery的animate函数学习记录
  • jquery easyui表单验证实例学习
  • jQuery学习总结之jQuery事件
  • 学习 jquery 选择器引擎sizzle的使用
  • jquery easyui学习教程之accordion
  • Jquery选择器学习总结
  • Jquery与CSS模拟超链接的用户单击事件的代码学习
  • 学习JQuery选择器
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3