位置: 编程技术 - 正文

jQuery语法小结(超实用)(jquery基本语法)

编辑:rootadmin

推荐整理分享jQuery语法小结(超实用)(jquery基本语法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery语法特点主要包括,jquery 语法,jquery基本语法,jquery语法结构组成,jquery语法规则是什么,jquery基本语法,jquery基本语法,jquery 语法,内容如对您有帮助,希望把文章链接给更多的朋友!

1、关于页面元素的引用

  通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转换

  只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。

  普通的dom对象一般可以通过$()转换成jquery对象。

  如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的方法。

由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。

如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。

以下几种写法都是正确的:

程序代码

3、如何获取jQuery集合的某一项

  对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获取第三个<div>元素的内容。有如下两种方法:

程序代码

4、同一函数实现set和get

Jquery中的很多方法都是如此,主要包括如下几个:

$("#msg").html(); //返回id为msg的元素节点的html内容。$("#msg").html("<b>new content</b>"); //将“<b>new content</b>” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content$("#msg").text(); //返回id为msg的元素节点的文本内容。$("#msg").text("<b>new content</b>"); //将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示<b>new content</b>$("#msg").height(); //返回id为msg的元素的高度$("#msg").height(""); //将id为msg的元素的高度设为$("#msg").width(); //返回id为msg的元素的宽度$("#msg").width(""); //将id为msg的元素的宽度设为$("input").val("); //返回表单输入框的value值$("input").val("test"); //将表单输入框的value值设为test$("#msg").click(); //触发id为msg的元素的单击事件$("#msg").click(fn); //为id为msg的元素单击事件添加函数

同样blur,focus,select,submit事件都可以有着两种调用方法

5、集合处理功能

  对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jquery已经为我们提供的很方便的方法进行集合的处理。

包括两种形式:

程序代码

6、扩展我们需要的功能

程序代码

使用扩展的方法(通过“$.方法名”调用):

alert("a=,b=,max="+$.max(,)+",min="+$.min(,));

7、支持方法的连写

所谓连写,即可以对一个jquery对象连续调用各种不同的方法。例如:

8、操作元素的样式

主要包括以下几种方式:

$("#msg").css("background"); //返回元素的背景颜色$("#msg").css("background","#ccc") //设定元素背景为灰色$("#msg").height(); $("#msg").width(""); //设定宽高$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式$("#msg").addClass("select"); //为元素增加名称为select的class$("#msg").removeClass("select"); //删除元素名称为select的class$("#msg").toggleClass("select"); //如果存在(不存在)就删除(添加)名称为select的class

jQuery语法小结(超实用)(jquery基本语法)

9、完善的事件处理功能

Jquery已经为我们提供了各种事件处理方法,我们无需在html元素上直接写事件,而可以直接为通过jquery获取的对象添加事件。如:

jQuery中几个自定义的事件:

(1)hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。//当鼠标放在表格的某行上时将class置为over,离开时置为out。

(2)ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

与$(fn)等价

(3)toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。//每次点击时轮换添加和删除名为selected的class。

(4)trigger(eventtype): 在每一个匹配的元素上触发某类事件。

例如:

$("p").trigger("click"); //触发所有p元素的click事件

(5)bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定从每一个匹配的元素中(添加)删除绑定的事件。

例如:

$("p").bind("click", function(){alert($(this).text());}); //为每个p元素添加单击事件$("p").unbind(); //删除所有p元素上的所有事件$("p").unbind("click") //删除所有p元素上的单击事件

、几个实用特效功能

其中toggle()和slidetoggle()方法提供了状态切换功能。如toggle()方法包括了hide()和show()方法。slideToggle()方法包括了slideDown()和slideUp方法。

、几个有用的jQuery方法

$.browser.浏览器类型:检测浏览器类型。有效参数:safari, opera, msie, mozilla。如检测是否ie:$.browser.isie,是ie浏览器则返回true。$.each(obj, fn):通用的迭代函数。可用于近似地迭代对象和数组(代替循环)。

等价于:

也可以处理json数据,如

结果为:

Name:name, Value:JohnName:lang, Value:JS$.extend(target,prop1,propN):用一个或多个其他对象来扩展一个对象,返回这个被扩展的对象。这是jquery实现的继承方式。

如:

$.extend(settings, options); //合并settings和options,并将合并结果返回settings中,相当于options继承setting并将继承结果保存在setting中。var settings = $.extend({}, defaults, options);//合并defaults和options,并将合并结果返回到setting中而不覆盖default内容。可以有多个参数(合并多项并返回)

$.map(array, fn):数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中,并返回生成的新数组。

如:var tempArr=$.map( [0,1,2], function(i){ return i + 4; });tempArr内容为:[4,5,6]var tempArr=$.map( [0,1,2], function(i){ return i > 0 &#; i + 1 : null; });tempArr内容为:[2,3]$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。如:$.merge( [0,1,2], [2,3,4] ) //返回[0,1,2,3,4]$.trim(str):删除字符串两端的空白字符。

如:$.trim(" hello, how are you&#; "); //返回"hello,how are you&#; "

、解决自定义方法或其他类库与jQuery的冲突

  很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突,Jquery对此专门提供了方法用于解决此问题。  使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用Jquery的时候只要将所有的$换成jQuery即可,如原来引用对象方法$("#msg")改为jQuery("#msg")。

如:

以上内容给大家介绍了jQuery语法小结,希望对大家学习jquery相关知识有所帮助。

jquery正则表达式验证(手机号、身份证号、中文名称) 本文实例需要验证的内容:中文姓名、手机号、身份证和地址,验证方法分享给大家供大家参考,具体内容如下HTML(表单):formaction=""divclass="form-group"

jQuery动画效果相关方法实例分析 本文实例讲述了jQuery动画效果相关方法。分享给大家供大家参考,具体如下:1、show()显示效果语法:show(speed,callback)Number/String,Functionspeend为动画执行时

jQuery动画显示和隐藏效果实例演示(附demo源码下载) 本文实例讲述了jQuery动画显示和隐藏效果。分享给大家供大家参考,具体如下:运行效果截图如下:点击此处查看在线演示。完整实例代码点击此处本

标签: jquery基本语法

本文链接地址:https://www.jiuchutong.com/biancheng/379240.html 转载请保留说明!

上一篇:jQuery实现简单的图片查看器(jquery简单例子)

下一篇:jquery正则表达式验证(手机号、身份证号、中文名称)(jquery正则表达式的用法)

  • 使用增值税发票的条件
  • 建筑垃圾清运费税率是多少
  • 销项税额计算公式依据
  • 事业单位无形资产摊销年限
  • 公益组织收到捐赠款计入什么科目
  • 收到幼儿园园服费怎么做财务处理?
  • 免交增值税免印花税吗
  • 不认证的发票可以抵扣吗
  • 核定征收的固定资产包括
  • 房地产企业土地增值税
  • 账实不符如何调平
  • 仓库缺货怎么处理
  • 公司向个人租房子怎么做账
  • 货币性短期薪酬影响损益的金额
  • 建安业核定征收利润率
  • 租房发票的税由谁承担
  • 技术服务税票
  • 商业承兑汇票贴现为什么是短期借款
  • 企业所得税清算报备是什么意思
  • 分期付款购入原材料怎么做账
  • 公司账上的资金与注册资金不一致可以吗?
  • 施工现场应建立什么
  • 增值税税率为6%的是什么服务
  • 在同一预缴地有多个项目的建筑业纳税人总销售额以什么为标准确定?
  • 收到代收款怎么做分录
  • 多交的增值税怎么处理
  • 委托加工物资是一级科目吗
  • 宿舍开店能开些啥
  • 内部权益性投资是指
  • macos monterey支持哪些显卡
  • 本期填写的适用3减1政策的本期发生额大于
  • 财务预算业务制度有哪些
  • 全免增值税企业有哪些
  • 事业单位工会经费会计账务处理办法
  • 税务自查补缴税款的申报表在哪里找
  • 2023年电子发票如何申领
  • 对数据文件操作,进行数据记录的交换都要经过
  • 索尼笔记本电脑官网
  • 怎样做好固定资产管理工作
  • PHP:imagepsencodefont()的用法_GD库图像处理函数
  • centos7完整版安装
  • 46 个非常有用的成语
  • 什么情况下要预提集装箱
  • vue destroyed销毁组件
  • 全同态加密代码
  • php使用oci8扩展连接oracle
  • thinkphp3.0
  • 简单的php文件
  • discuz 移动端
  • 资产负债表所有者权益怎么算
  • HTTP/1.1 XCache header field
  • 公司法人和经理的区别
  • 各人所得税法规定
  • sql 按顺序查询
  • 重复报销怎么写情况说明
  • 固定资产改良支出
  • 投资房地产的后续计量有哪几种模式
  • 如何调整利润分录
  • 试驾车折旧残值怎么计算
  • 2021劳动报酬收入个人所得税怎么算
  • 其他应付款通俗
  • 挂其他应付款的帐怎么冲平
  • 出口货物退货需要交税吗
  • 开发票时怎么操作收款人 复核人 开票人?
  • 第一份工作的五个条件
  • 销项负数发票如何作废
  • 事业单位私车公用如何处罚
  • 新成立企业建账流程
  • Windows Server 2008搭建终端服务器
  • win10系统打不开控制面板
  • ubuntu多桌面切换
  • autorun.dll
  • windows7凭据管理器
  • 虚拟内存系统盘
  • node 执行js
  • jquery动态添加和删除div
  • 重庆电子税务局怎么绑定办税人员
  • 天津武清房管局电话
  • 税务局航天信息的操作流程
  • 税务机关宣传
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设