jQuery选择器


 



    
        
        
        JQuery class选择器应用
        
        
        
    
    
        名著1:class="c_1 c_2" id="book1" value="红楼梦" />
名著2:class="c_1 c_3" id="book2" value="西游记"/>
名著3:class="c_2 c_3" id="book3" value="水浒传"/>
请选择书籍:


    
        
        
        JQuery ID选择器应用
        
        
        
    
    
        



他好

你好

我好

大家好



    
        
        
        JQuery ready(Fun)函数应用
        
        
        
    
    
        名著1:class="c_1 c_2" id="book1" value="红楼梦" />
名著2:class="c_1 c_3" id="book2" value="西游记"/>
名著3:class="c_2 c_3" id="book3" value="水浒传"/>
请选择书籍:


    
        
        
        JQuery 祖先与后代选择器应用
        
        
        
    
    
        

Form1中Input元素

名著1:class="c_1 c_2" id="book1" value="红楼梦" />
名著2:class="c_1 c_3" id="book2" value="西游记"/>
名著3:class="c_2 c_3" id="book3" value="水浒传"/>
名著4:class="c_1 c_3" id="book4" value="儒林外史">
名著5:class="c_2 c_3" id="book4" value="牡丹亭">

Form2中Input元素

作者1:class="c_1 c_2" id="book1" value="曹雪芹" />
作者2:class="c_1 c_3" id="book2" value="吴承恩"/>
作者3:class="c_2 c_3" id="book3" value="施耐庵"/>
作者4:class="c_1 c_3" id="book4" value="吴敬梓">
作者5:class="c_2 c_3" id="book4" value="汤显祖">



    
        
        
        JQuery 同辈与紧随其后选择器应用
        
        
        
    
    
        

俄罗斯

英格兰

class="t_2">中国

美国

class="t_1" id="book1" value="红楼梦" />

中国2

美国3

中国5



    
        
        
        JQuery 选择器条件筛选应用示例
        
        
        
            
    
    
        

日照香炉生紫烟,

遥看瀑布挂前川。

飞流直下三千尺,

疑是银河落九天。

李白诗仙

杜甫诗圣

子建鬼才

东坡词圣

卧龙诸葛舌如剑

郭靖逝去居第一

翼德骁勇将碎胆

云长横刀笑诸雄

class="cla1" value="人类">
class="cla2" value="阿修罗">
class="cla1" value="仙人">


EMO100 诸葛孔明 南阳卧龙岗
EMO110 周公瑾 江南水乡
EMO120 貂 蝉 月宫
EMO130 曹孟德 许 昌
EMO140 赵子龙 常 山
EMO150 孙尚香 苏州


心好命又好,

富贵直到老。

命好心不好,

福变为祸兆。

心好命不好,

祸转为福报。

心命俱不好,

遭殃且贫夭。

心可挽乎命,

最好存仁道。





    
        
        实践任务1
        
        
    
    
    
        
姓名年龄性别生日操作


    
        
        实践任务2
        
        
    
    
    
        
书籍编号:

书籍名称:



书籍列表: