jquery基础知识二

心灵鸡汤:

有志者事竟成 破釜沉舟 百二秦关终破楚

苦心人天下负 卧薪尝胆 三千越甲可吞吴

1.1重点内容


1.1操作form表单

1.1.1属性操作

设置属性:

//第一个参数表示:要设置的属性名称

//第二个参数表示:该属性名称对应的值

$(selector).attr(“title”, “传智播客”);

获取属性:

//参数为:要获取的属性的名称,改操作会返回指定属性对应的值

$(selector).attr(“title”);

此时,返回指定属性的值

移除属性:

//参数为:要移除的属性的名称

$(selector).removeAttr(“title”);

注意:checked、selected、disabled要使用.prop()方法。

prop方法通常用来影响DOM元素的动态状态,而不是改变的HTML属性。例如:input和button的disabled特性,以及checkbox的checked特性。

细节参考:http://api.jquery.com/prop/

属性操作总结:”()“里面只有一个参数获取值,里面有两个参数,设置属性


Øval()值操作

作用:设置或返回表单元素的值,例如:input,select,textarea的值

//获取匹配元素的值,只匹配第一个元素

$(selector).val();

//设置所有匹配到的元素的值

$(selector).val(“具体值”);

text()

作用:设置或获取匹配元素的文本内容

//获取操作不带参数(注意:这时候会把所有匹配到的元素内容拼接为一个字符串,不同于其他获取操作!)

$(selector).text();

//设置操作带参数,参数表示要设置的文本内容

//如果设置的内容包含html标签(我要动态创建span,这时候行吗?),那么text这个方法会把他们当作文本内容输出,而不会创建元素。这个text()和html()方的主要区别

$(selector).text(“我是内容”);

Ø事件绑定(只介绍on)

1.1.1on方式(最现代的方式,兼容zepto(移动端类似jQuery的一个库),强烈建议使用的方式)(重点)

jQuery1.7版本后,jQuery用on统一了所有的事件处理的方法

作用:给匹配的元素绑定事件,包括了上面所有绑定事件方式的优点

语法:

//第一个参数:events,绑定事件的名称可以是由空格分隔的多个事件(标准事件或者自定义事件)

//第二个参数:selector,执行事件的后代元素

//第三个参数:data,传递给处理函数的数据,事件触发的时候通过event.data来使用

//第四个参数:handler,事件处理函数

$(selector).on(events[,selector][,data],handler);

//表示给$(selector)绑定事件,当必须是它的内部元素span才能执行这个事件

$(selector).on( "click",“span”, function(){});

//绑定多个事件

//表示给$(selector)匹配的元素绑定单击和鼠标进入事件

$(selector).on(“click mouseenter”, function(){});

Ø事件解绑

off解绑on方式绑定的事件(重点)

//解绑匹配元素的所有事件

$(selector).off();

//解绑匹配元素的所有click事件

$(selector).off(“click”);

//解绑所有代理的click事件,元素本身的事件不会被解绑

$(selector).off( “click”, “**” );

Ø事件触发(用的不多,不在介绍)


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,189评论 0 8
  • 我想请问一下各位,你们觉得人类会拥有永恒的美丽吗?永恒的美丽,即无论90岁还是100岁,魅力都依然不减,依旧美丽!...
    蒲公英LiLychen阅读 3,025评论 0 0
  • 构建环境: OpenCV官网下载最新的OpenCV for Android SDK.我的版本是3.2.解压目录如下...
    大师鲁阅读 4,026评论 0 0
  • 这个十月你做了哪些有意义的事? 2016-10-31梦园阅读 676 如果做不到吾日三省吾身,至少每月一次的总结该...
    金梦园阅读 1,313评论 0 0
  • 看你写完作业装完书包 若有所思的在旁边站着 然后瞄一眼“今日事” 把日记本和口算放书桌右下角 待命 看你骑着自行车...
    一棵晴朗阅读 1,651评论 0 5