前端篇 -- 简学实用jQuery技术

简学jQuery技术

jQuery是一个快速、简洁的JavaScript框架。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jquery简单实例程序如下：

<script type="text/javascript" src="jquery.js"></script>//向程序引入jQuery标签库

<script type=”text/javaScript”>

    $(document).ready(function(){//程序执行可加载

        Alert(“helloWord”);//输出弹框helloWorld

    });

</script>

运用jQuery选择器

• $("element"). -所有指定元素
• $(".TTT") - 所有 class="TTT" 的所有元素
• $("#ID") - 所有 id="ID" 的元素

 jQuery ：

• val() 方法获得输入字段的值
• attr() 方法用于获取属性值
• text() - 设置或返回所选元素的文本内容
• html() - 设置或返回所选元素的内容（包括HTML 标记）
• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• remove() - 删除被选元素（及其子元素）
• empty() - 从被选元素中删除子元素
• before() - 在被选元素之前插入内容
• blur()失去焦点执行方法
• click()点击执行方法
• focus()获取焦点执行方法
• submit()执行提交动作