`
dyllove98
  • 浏览: 1409452 次
  • 性别: Icon_minigender_1
  • 来自: 济南
博客专栏
73a48ce3-d397-3b94-9f5d-49eb2ab017ab
Eclipse Rcp/R...
浏览量:39188
4322ac12-0ba9-3ac3-a3cf-b2f587fdfd3f
项目管理checkList...
浏览量:80266
4fb6ad91-52a6-307a-9e4f-816b4a7ce416
哲理故事与管理之道
浏览量:133389
社区版块
存档分类
最新评论

jquery用法

阅读更多
$("#news_con img").bind("error",function(){   
this.src="/images/errorpic.gif";   
}); 


用jQuery在IFRAME里取得父窗口的某个元素的值
用jQuery在IFRAME里取得父窗口的某个元素的值
只好用DOM方法与jquery方法结合的方式实现了

1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

iframe框架的:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

IE7中测试通过

onMouseOver

$(function(){
    $("#testtab").mouseover(function(){
        $("#testtab tr:eq(1)").addClass("bgcolor");
        });
});



<div class="dpx2"><div class="dpx2_px" style="cursor:pointer;" id="searchSort">请选择排序方式↓</div>  
            <div class="dpx2_px_xl"  id="sortList" style="display:none;position:absolute;z-index:5;">  
                <div><a class="sortA">按时间升序↑</a></div>  
                <div><a class="sortA">按时间降序↓</a></div>  
                <div><a class="sortA">按评论数量升序↑</a></div>  
                <div><a class="sortA">按评论数量降序↓</a></div>  
                <div><a class="sortA">按点击数升序↑</a></div>  
                <div><a class="sortA">按点击数降序↓</a></div>  
            </div>  
        </div> 
<div class="dpx2"><div class="dpx2_px" style="cursor:pointer;" id="searchSort">请选择排序方式↓</div>
            <div class="dpx2_px_xl"  id="sortList" style="display:none;position:absolute;z-index:5;">
                <div><a class="sortA">按时间升序↑</a></div>
                <div><a class="sortA">按时间降序↓</a></div>
                <div><a class="sortA">按评论数量升序↑</a></div>
                <div><a class="sortA">按评论数量降序↓</a></div>
                <div><a class="sortA">按点击数升序↑</a></div>
                <div><a class="sortA">按点击数降序↓</a></div>
            </div>
        </div>

当鼠标移动到ID为searchSort的Div上时,显示下面的div。当鼠标移出下面的div时,隐藏div

JS为:

Js代码
$(function(){   
                 var sortList = $("#sortList");   
            $("#searchSort").mouseover(function() {   
                 var offset = $(this).offset();   
                sortList.css("left", offset.left);   
                sortList.css("top", offset.top+20);   
                sortList.show();   
            });   
//关键的一句,绑定Div对象的mouseleave事件   
            sortList.bind("mouseleave", function() {   
                $(this).hide();   
           
分享到:
评论

相关推荐

    jquery 用法 (function($) {})(jQuery);的用法

    页面前端 jquery 用法 (function($) {})(jQuery);的用法

    jquery使用方法

    JQuery 使用方法 JQuery 是一个功能强大且灵活的 JavaScript 库,它提供了许多有用的功能和方法来简化 Web 开发。下面是 JQuery 的一些使用方法和知识点总结: 变单验证方法 JQuery 提供了一个名为 `validate` 的...

    jquery简单用法大全

    2. **链式操作**: jQuery对象支持链式调用,这意味着一个方法调用结束后可以直接调用另一个方法,如`$("#element").hide().fadeIn()` 3. **DOM操作**: jQuery提供了便利的DOM操作方法,如`append()`用于在元素末尾...

    jquery 用法小结

    jQuery 遍历方法jQuery 提供了一系列遍历方法,如 children(), closest(), parents(), siblings() 等,用于查找元素的子元素、最近的祖先元素等。例如,找到所有 p 元素的直接子元素: $("p").children() jQuery ...

    JQuery用法

    jquery的基本用法说明,详细介绍了一些常用属性的使用方法。

    jquery的几种使用方法

    本篇文章将详细探讨jQuery的几种使用方法,帮助你更好地理解和运用这一强大的工具来提升网页设计的效率和用户体验。 1. **DOM操作**:jQuery的核心功能之一就是对HTML文档对象模型(DOM)进行操作。通过选择器,如`...

    jQuery使用方法

    使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。 选择表达式可以是CSS选择器: $(document)//选择整个文档对象 $('#myId')//选择ID为myId的网页元素 $('...

    jquery-1.9.1.min.js_javascript_jquery_

    以下是一些基本的jQuery用法示例: ```javascript // 选择页面中所有段落并改变字体颜色 $("p").css("color", "blue"); // 当按钮被点击时,显示一条消息 $("#myButton").on("click", function() { alert("Button...

    JQuery入门经典教材。

    - **源码分析**:提供的《锋利的jQuery》实例源码让读者有机会直接查看和学习实际项目中的jQuery代码,加深对jQuery用法的理解。 - **动手实践**:鼓励读者跟随书中的示例代码动手实践,通过编写和调试代码来提升...

    jquery 基本用法小例子

    jQuery 的事件处理非常灵活,可以使用 `.on()` 方法绑定事件: - `.on("click", function() {...})` 绑定点击事件。 - `.on("mouseover", function() {...})` 绑定鼠标悬停事件。 - `.on("keydown", function() {......

    jQuery3.1参考手册

    "jQuery 3.1 参考手册.CHM"文件是一个详尽的文档,包含了所有可用的API、方法、属性和事件,是学习和查阅jQuery用法的宝贵资料。通过这个手册,开发者可以迅速查找和理解jQuery的各种功能。 总的来说,jQuery 3.1 ...

    浅谈jQuery的应用.pdf

    3. jQuery使用方法:在需要使用jQuery的页面中,只需要引入jQuery的JS文件。例如,使用`”text/javascript” src=”js/jquery.js”&gt;&lt;/script&gt;`标签引入文件后,便可以在页面的任意地方使用jQuery提供的语法。 4. ...

    jquery-API_CHM

    通过这两个文档,开发者不仅可以学习到基本的jQuery使用方法,如元素选择、属性操作、事件绑定等,还能了解高级特性,如插件开发、性能优化和最佳实践。同时,了解不同版本间的差异有助于开发者更好地适应项目需求,...

    jquery帮助文档

    这个"jQuery帮助文档"包含了关于如何有效利用jQuery UI(用户界面)以及基础jQuery用法的重要信息。 jQuery UI是jQuery的一个扩展,提供了一套完整的用户界面组件,包括对话框(Dialogs)、日历(Calendars)、拖放...

    JqueryApi Jquery实例 Jquery归纳 Jquery学习方法

    这个资源 可以使你全面的掌握 JQuery,里面有我告诉你如何学习Jquery如何使用Jquery,里面还有Jquery的例子,还有Jquery的拓展UI,很好很强大的!!!这绝对是我精心压缩的一个资源,如果没学会,可以给我留言,然后...

    jquery使用

    `jquery1.html` 和 `jquery2.html` 很可能是演示jQuery用法的网页,而 `jquery1.js` 和 `jquery2.js` 可能是与这些HTML文件配套的JavaScript脚本。`jquery-1.4.4.min.js` 是jQuery库的旧版本,虽然较旧,但仍能运行...

    jquery_study_all and jquery_api and jquery_ui_1.8.6

    总结来说,这个压缩包包含了一份关于jQuery的学习资料,涵盖了从基础到高级的jQuery用法,特别强调了jQuery API和Ajax的使用。通过这些资源,开发者可以深入理解jQuery的工作机制,提升JavaScript编程技能,并熟练...

    jQuery中的jQuery()方法用法分析

    在实例中,我们看到如何使用jQuery()方法选取元素并改变其样式。例如,点击按钮后,所有`&lt;li&gt;`元素的字体颜色变为红色: ```javascript $("button").click(function(){ $("li").css("color","red"); }) ``` 另一个...

    jQuery1.12.4+jQuery中文手册.rar

    - 遇到具体问题时,查阅CHM文件中的API文档,了解具体函数或方法的用法和参数。 - 结合实际项目练习,将jQuery的知识应用到网页交互、动态效果和Ajax通信中,提升开发效率。 以上是对jQuery 1.12.4及其相关资源的...

Global site tag (gtag.js) - Google Analytics