jquery基本用法总结

来源:互联网 发布:淘宝转运到澳洲 费用 编辑:程序博客网 时间:2024/05/29 07:04

1、获取文本框的值

<input type="text" name="tc_name" id="tc_name" size="50" />

jquery代码:

$('#tc_name').val();

结果为input标签的value值

 2、当页面加载后将 id 为 'login' 的元素设置焦点

jquery代码:

$('#login').focus();

 3、触发页面内所有段落的点击事件

jquery代码:

$("p").click();

 4、查找所有类是"checked"的元素

<a class="checked"></a>

jquery代码:

$('.checked');

5、mousedown事件在鼠标在元素上点击后会触发

6、mousemove 事件通过鼠标在元素上移动来触发。事件处理函数会被传递一个变量——事件对象,其.clientX 和 .clientY 属性代表鼠标的坐标

7、mouseout事件在鼠标从元素上离开后会触发

8、mouseover事件会在鼠标移入对象时触发

9、返回文档中第一个图像的src属性值

HTML代码:<img src="test.jpg" />

jquery代码:$('img').attr('src');

结果:test.jpg

10、为所有图像设置src属性。

HTML代码:<img />

jquery代码:$('img').attr('src','test.jpg');

结果:<img src="test.jpg" />

原创粉丝点击